« Web, HTML, Tech Forum

Change Size of/Stretch Profile Module

Ðꧧï©åtêÐ ©ø®þ§ê's profile picture

Posted by Ðꧧï©åtêÐ ©ø®þ§ê

posted

Forum: Web, HTML, Tech

View Topics View Profile

Hi, I am wondering if it's possible to adjust the size of the ".profile" module horizontally so it stretches left & right? I'm taking about this module:


.profile {
    background:rgba(0, 0, 0, 0.7);
    color: #870202;
}


Report Topic

4 Replies

Sort Replies:

Positron832's profile picture

Reply by Positron832

posted

.general-about .profile-pic {

width: [value];
height: [value];
}


Report Reply

Ðꧧï©åtêÐ ©ø®þ§ê's profile picture

Reply by Ðꧧï©åtêÐ ©ø®þ§ê

posted
updated

Thanks, but this didn't work out exaclty as I thought it would :\: . It appears modifying the width only expands it on the right side, not the left.


Report Reply

Ðꧧï©åtêÐ ©ø®þ§ê's profile picture

Reply by Ðꧧï©åtêÐ ©ø®þ§ê

posted

After some tweaking I managed to succeed in expanding the width equally on both sides:

.profile{
        width: 1080px;
        margin:auto;
        position: absolute; 
        *z-index: 0; 
        *bottom: 100%; 
        left: 0;
        right: 0;
}

However, when I did this the bottom footer changed position to below the navigation bar and behind the profile itself.


Report Reply

Positron832's profile picture

Reply by Positron832

posted

Ok so I managed to stretch it out horizontally like this:



.general-about .profile-pic img {
  width: 220px;
  height: 100px;
}

but then you also have to change the height of .general-about .profile-pic to match the value of the height in .general-about .profile-pic img.


Report Reply