Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 13, 2015 at 5:35 pm #427636
    Translibrium

    Hi.

    I’ve uploaded a header image whose dimensions are 1600 x 230 but it is being dramatically reduced.
    I’ve tried setting a custom header size but this is failing.

    http://www.translibrium.com/afterabirehab-demo/

    Also, if I customize the header size will this ruin it’s capacity to adapt on mobile phones?

    Thanks,

    Nik

    April 14, 2015 at 9:38 am #428068
    Rikard

    Hey Translibrium!

    I’m not sure what you are trying to do, have the image as a header background? Please provide us with a screenshot highlighting what you’re trying to achieve.

    Regards,
    Rikard

    April 15, 2015 at 4:01 am #428640
    Translibrium

    Hi Rikard

    Thanks for being in touch.
    My header image/logo was being reduced in size for some reason.
    I’ve fixed it by inserting the header image as a background image and putting a transparent png as the “header image/logo”.

    Seems odd though that the header image is being reduced.

    In my initial message I left a link to the site as well as a password in the Private Data.

    Nik

    April 15, 2015 at 5:14 pm #429070
    Yigit

    Hey!

    I see that you are currently using a side header. If you would like to increase logo size, please add following code to Quick CSS in Enfold theme options under General Styling tab

    .html_header_sidebar .logo {
  padding: 10px;
}

    Regards,
    Yigit

    April 15, 2015 at 6:05 pm #429114
    Translibrium

    Thanks Yiggit.

    I the sidebar header size wasn’t resized.
    I changed the height of the area with:

    .html_header_sidebar .logo {
    max-height:245px;
    }

    I’m now flummoxed by styling the navigation area.
    Using Firebug I can succeed in changing the styles online to this:
    #top #header .av-main-nav > li > a {
    background-color:#3A4D5C;
    color:#3A4D5C;
    font-family:’Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
    font-size:24px;
    }

    However, when I add this to the Quick CSS it doesn’t do anything.

    Do you know what’s up with this??

    NIk

    April 15, 2015 at 6:57 pm #429159
    Yigit

    Hey!

    Can you please post a screenshot and show the changes you would like to make so we can provide you accurate custom CSS code?

    Cheers!
    Yigit

    April 15, 2015 at 8:14 pm #429194
    Translibrium

    HI.

    Screenshot here:

    http://www.translibrium.com/afterabirehab-demo/wp-content/uploads/Screen-Shot-2015-04-15-at-2.09.01-PM.png

    I want to have all the background of the sidebar menu to be the same dark blue (no white).
    How do I get control of the Main Nav Menu font colours and background, including rollovers?

    Thanks Yigit!

    nik

    April 15, 2015 at 8:15 pm #429198
    Translibrium
    This reply has been marked as private.
    April 16, 2015 at 7:43 pm #429844
    Andy

    Hi!

    use this in Quick CSS:

    #top #header .av-main-nav > li > a {
background-color: #3a4d5c;
}

    For menu font color use this:

    span.avia-menu-text {
color: white !important;
}

    Cheers!
    Andy

    April 16, 2015 at 8:52 pm #429895
    Translibrium

    Hi Andy.

    Thanks.

    The second bit of code works (changes menu font color to white), but the first is what I already tried and for some reason it is not working (although it works in Firebug).

    Do you have any idea why a piece of code would work in Firebug, but not in Enfold?

    April 17, 2015 at 2:20 am #430052
    Translibrium

    Any help with this would be great.

    I have applied the code supplied, which works in Firebug, to Quick CSS, but this fails to make any change. 

    #top #header .av-main-nav > li > a {
background-color: #3a4d5c;
}

    Need answer as this project is due in the morning.

    Any assistance very much appreciated.

    April 17, 2015 at 3:01 am #430056
    Translibrium

    I figured out what was up.

    I had used the ‘Advanced Styling’ Tab and the Quick CSS would not override them.
    As soon as I got rid of my modifications in the Advanced Styling tab, the Quick CSS styling came through.

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘My header image ins being auto-resized’ is closed to new replies.