Jump to content

[Solved] Main profile- alignment issue.


Blue Ember
 Share

Recommended Posts

Been trying to tweak our main profile by moving things around a little. And for some reason, I cannot get it to line up at all. The quote at the bottom (field 20) refuses to line up with the rest of the stuff inside the border. And the two gifs on the bottom right need positioning to fit too. I've tried. But whenever I'm changing values, nothing seems to be altering for some reason.

 


*CODING HAS NOW BEEN REMOVED. AS THE PROBLEM HAS BEEN SOLVED ❤️ ❤️ ❤️

 

 

Any assistance would be greatly appreciated ❤️

Edited by Blue Ember
Link to comment
Share on other sites

  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

what values are you changing to try and get the result you want? your whole site's css would also be helpful, sometimes theres something interfering.

that which does not kill me, had better run; because now im pissed.

You can find me on Simprovise

Link to comment
Share on other sites

For the quote box, it is this part I was trying to change

#bh-profile-tweet {height: 50px; width: 930px; overflow: none; line-height: 15px; background: #000; font-family: poppins; text-align: center; text-transform: uppercase; font-weight: 600; color: #888; font-size: 10px; letter-spacing: 1px; border: 2px solid #ccc; position: absolute; bottom: 5px; right: -5px;}

And the gifs is this part. 

#bh-profile-gif3, #bh-profile-gif4 {height: 90px; width: 185px; background-size: cover; background-position: center; background-image: url(http://placehold.it/185x90); position: absolute}
#bh-profile-gif4 {right: 65px; top: 470px}

 

 

Edited by Blue Ember
Link to comment
Share on other sites

Guest Bekah

Could we have a link to your site? I could then look at the source code and trial and error what will work.

Link to comment
Share on other sites

I don't mind PMing a site link at all if that's what you want to do 🙂

I would rather not publicly post a link just yet, until I've finished all the tweaking and tidying up. I'm ocd like that.

Also, just switched to a new skin, so the actual css posted is now different, but the problem is still there.

Link to comment
Share on other sites

Guest Bekah

Okay, so this should fix your quote box, just replace what you already have with the code below:

 

#bh-profile-tweet {
    height: 50px;
    width: 900px;
    overflow: none;
    line-height: 15px;
    background: #000;
    font-family: poppins;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #888;
    font-size: 10px;
    letter-spacing: 1px;
    border: 2px solid #ccc;
    position: fixed;
    bottom: 70px;
    right: 24px;
}

 

This should fix your gif images:

 

#bh-profile-gif4 {
    right: 0px;
    top: 470px;
}

 

Let me know if you have any problems with the above coding. 

Link to comment
Share on other sites

 🙂@Bekah  The gifs are now perfect, thank you so much!

The quote box is still messing up though.

Link to comment
Share on other sites

Guest Bekah

@Blue Ember oops, sorry! Try this:

 

#bh-profile-tweet {
    height: 50px;
    width: 900px;
    overflow: none;
    line-height: 15px;
    background: #000;
    font-family: poppins;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #888;
    font-size: 10px;
    letter-spacing: 1px;
    border: 2px solid #ccc;
    margin-top: 450px;
    margin-left: 12px;
}

 

Link to comment
Share on other sites

Guest Bekah

No problem at all, happy to help! ^^

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.