Archived

This topic is now archived and is closed to further replies.

  • 0

A few questions on header edits


Question

Posted · Report post

I a trying to do a few things that I had before on my site but they dissappeared with the most recent upgrade and the editor is different so I can't find what I need in the CSS. Yes, I have Firebug but I still can't find it.

First I want the social icons to be larger. I've added the following many place bit it still isn't working.


.icons {text-align: right;position: absolute;bottom: 50%; right:0px;line-height: 20px;height: 24px;}

.icons a {

display: block;

width: 48px;

height: 48px;

margin-left: 8px;

float: right;

text-align: right;

opacity: 0.8;

}

Basically I want less opacity and larger icons. Where/what am I doing wrong? Second I have this in my custom CSS

.brand-links a{color:#786b5e !important;font-weight:bold;}

.brand-links a:hover{color:#663300 !important;font-weight:bold;}

.brand-links a {padding: 0 15px;margin: 0 0px;width: auto;}

.brand-links {

position:absolute;top:-200px;right:5px;

width: 980px;

}

I then in the functions had a file with text links that appeared to the right of my logo above my social icons. I can not locate my previous thread on how to manually add those text links so I'm asking again.

Thirdly I've tried to make the header space smaller in order to get more content above the fold but it does not move?

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

To resize your icons, you may want to try this code:

.icons a img {width: #px;}[/CODE]

The width of a link class can't be adjusted, but the image can.

Share this post


Link to post
Share on other sites

Posted · Report post

Okay so this helped some - the icons look a little weird I've tried fixing the width but they will not get any wider even though the original image that is there is wider. Is it possibly a padding issue or something?

Do you know anything about adding the links? I had links above the social icons to my About, Contact, and Advertise pages. I know how to make the links but the coding of where I added them is no longer there and the layout is all weird from what it was before.

I have tried searching for my previous thread and looking in my user profile but it only shows me the most recent 6 or 7 topics with no previous threads link.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there,

There's no padding on the icons, only a margin, i've tried adjusting but it hasn't made any difference. i have had a result on the following code


.icons a img {

    height: 77px;

    width: 64px;

}

Can you remember how you added the previous links? Was it as a hook? If so the code should still be within the base theme or customize plugins 'functions.php'.

Share this post


Link to post
Share on other sites