Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 21, 2016 at 2:34 am #569055
    pixelist

    Hi Folks
    I’m trying to add two images left and right of the centered logo using the supplied code

    add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
	dynamic_sidebar( 'header' );
}

    I’m trying to target them with
    #header .widget {}

    but they still remain where they are, underneath each other and push the logo down.
    Can you give me a pointer of how to target them with css? or what I’m doing wrong?

    Cheers

    Steve

    January 21, 2016 at 2:47 am #569063
    Yigit

    Hi Steven!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    #header .widget img:nth-child(2) {
    float: right;
}
#header .widget {
    margin-bottom: -150px;
}

    If that too does not work, please create a temporary admin login and post it here privately

    Best regards,
    Yigit

    January 21, 2016 at 3:07 am #569083
    pixelist

    Hi Yigit

    Thanks for a quick reply!

    well it did move the two logos onto one line, but the idea is to have one on the left, then the logo in the middle, then one on the right.

    Cheers

    Steve

    January 21, 2016 at 3:10 am #569086
    Yigit

    Hey!

    The code should have done exactly the same. I added it in Quick CSS once again and it does work fine. Please flush browser cache and refresh your page a few times

    Cheers!
    Yigit

    January 21, 2016 at 3:29 am #569103
    pixelist

    Hi Yigit

    Thanks that’s worked for Safari, and they are in position, but it’s still pushing the logo down in firefox (see screenshot uploaded in the media library).

    Are you seeing the same in Firefox or is it just me? (I’ve flushed the cache in both and restarted both browsers).

    Cheers

    Steve

    January 21, 2016 at 3:34 am #569107
    Yigit

    Hey!

    I adjusted custom CSS code in Quick CSS field a little now it does work fine on Firefox as well. Please review your website now

    Regards,
    Yigit

    January 21, 2016 at 3:37 am #569109
    pixelist

    Hi Yidgit

    I can’t thank you enough – I’ve been trying to figure this one out all day till now!

    Happy new year!

    Steve

    January 21, 2016 at 3:41 am #569112
    Yigit

    Hey!

    You are welcome Steve, we are always happy to help!
    Happy new year to you too! :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Enfold adding images to header’ is closed to new replies.