• Hi

    I am trying to get my header aligned correctly. I am using a child theme with Gold as the parent theme and have removed the provided social icons on the top right of the page and replaced them with a plugin (Floating Social Media Icons) for which I have added code into my child theme style.css to get them up there. I have also added code for contact details – telephone and email. However, neither of these seem to quite line up with the rest of the page on the right hand side – it sticks out! I have tweaked many settings for the margin and justification of text etc but can’t make it line up! Can anyone help!?

    Site is http://www.aspectaerialfilming.com. It’s currently under construction so has coming soon enabled.

    Thanks very much.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Since you have added some custom css we will need to see the site to help.

    Thread Starter Spicey80

    (@spicey80)

    Hi batharoy

    Thanks for your comments and your offer of assistance once again! I have removed the coming soon mode so it is open for veiwing!

    Hope you can help

    Try a little right padding:

    .head-top-right {
        padding-right: 30px;
    }

    Thread Starter Spicey80

    (@spicey80)

    Thanks for your super quick response. And it worked a treat – perfect! I am really irritated with myself that I couldn’t do that! I put it in my Quick CSS plug in – is that the right place? Rather than in the style.css of the child theme?

    Either one of those will work.

    Thread Starter Spicey80

    (@spicey80)

    Great, ok, I shall leave it in CSS. I have just had an update on my main theme so I am really super glad you gave me the tip about the child theme last week – you saved me loads of time!

    Out of interest, how would I go about pulling up the telephone number and email up a little so it sits closer vertically to the social icons?

    I appreciate your help on this. Thanks.

    .head-top-right h3 {
    margin-top: 5px;
    margin-bottom: 25px;
    }
    Thread Starter Spicey80

    (@spicey80)

    Great, I get that and that’s worked, but in an ideal world I woudl like the social icons and contact details to line up with the logo on the left so there isn’t so much grey space below. This would also pull the whole page up and mean less content below the centre fold.

    Is that possible with a bit of coding do you reckon?

    You can adjust the margin top/bottom #’s on the last piece of code to pull the content up in the page.
    You could even give it a margin: 0 so there is no vertical spacing.

    Thread Starter Spicey80

    (@spicey80)

    Great, I get it. I have just discovered that you can use a negative number when adjusting margins as well – perfect! Thank you. Next stop make the logo a little bigger! Let’s see if I can crack that one on my own!!

    Thank you for your help today.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘[Theme: Gold] Header text alignment’ is closed to new replies.