[Graham]

@Sakin, trying to align my header logo to center. Any ideas what script to insert into the custom CSS field?

[Sakin]

@Graham: Please post your site URL so that I can check in.

[Graham]

@sakin I’m happy with my logo alignment now but it would be cool to know remove some of the padding in the header and in the gap below the slider? The logo has about a half inch on top and bottom, within the header. I think I’d like that to slim down to about a 1/4 inch on top and bottom. Do you have a script for that for the custom CSS field? The gap below the slider looks like about another half inch, which I’d like to remove so the slider sits flush over the tagline. website:media-cracker.com

Thanks,
Graham

[Sakin]

@Graham: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

/* For header bottom Gap */
#hgroup-wrap { padding-bottom: 20px; }
/* For header top Gap */
#site-logo, #header-right { padding-top: 20px; }
/* For gap between Slider and Headline */
#homepage-message { margin-top: 20px; }

[Troy]

Hi Sakin,
I would appreciate help lining up my logo (face shot) with my title and tagline. My site is here: http://troygronseth.com

Can you instruct me how to move the title/tagline down so it is centered vertically with the logo? As you can see, it is now toward the top of the logo.

Really enjoy the simplicity of this premium theme! Thanks for your help.

Troy Gronseth

[Sakin]

@Troy: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box. You can change the value of padding top as per your need.

@media screen and (min-width: 768px) {
#site-details { padding-top: 35px; }
}

[Troy]

Thank you, Sakin! Your instruction worked perfectly. I appreciate your prompt reply!

Best,
Troy

[lanretobi]

sakin pls am using your catch everest theme but am trying to put the logo on same line with the site title and tagline. i dont like the way the logo is on top. pls help thanks

[Sakin]

@lanretobi: For that you can add the following css in “Appearance => Theme Options => Custom CSS” box:

#hgroup.with-logo {
    clear: none;
    float: left;
}

For more, please post in your site URL when you ask for support. It will be easy for me to check in and suggest you the css.

[Fezotto]

Hey I have i big problem with my menu. I want to vertically align my Logo (which is my home button) to the the text of the title link of the oter pages.

Right now my menu is looking like this:

———
| HOME |
| LOGO |
|——-| About us | Who we are | Contacts | info | Shop

I want to align it to the center of the logo by using a script:
———
| HOME |
| LOGO | About us | Who we are | Contacts | info | Shop
|——-|

Is it possible?

Thanks

[Sakin]

@Fezotto: Can you post in your site URL and explain then I can check in if this is possible or not.

[Adrian_Simion]

Hey, I don’t know squat of css, but can you please help me align the logo in the middle of the menu bar in the header so it would go like: Home Nu stiu My Account LOGO and then the other 3 pages. I think I would need the whole css code because I don’t know what to add or how. Thank you very much. 🙂

http://troistone.xyz

[Sakin]

@Adrian_Simion: Sorry we only support theme by us (Catch Themes). I see that you are using different theme. Please contact that theme author support.

[igudger]

Hi!

I was using an old Everest theme and the code that I was given to make the logo and the title and tagline to be aligned doesn’t work any more after I upgraded. Can you please help.

Here is the website:

gudger.us

Here is the code that I was given:

#site-logo { display: inline; float: left; }
hgroup.with-logo { clear: none; display: inline; float: left; margin-left: 10px; }

See Reply #6278

Any help would be greatly appreciated.

[Sakin]

@igudger: Css depends on the site and theme used. You can replace that css with the following css:

#site-logo,
#hgroup.with-logo {
    display: inline-block;
    float: left;
}

#hgroup.with-logo {
    clear: none;
    padding-left: 20px;
}

[igudger]

Thank you so much, Sakin!

[neh]

Hello Sakin,

Trying to set our logo to the far left inline with our social media links on the far right…

I have played with the size of the logo and the cropping…

still can’t get it to look right.

like we use to have it before I changed our logo, see here,
https://web.archive.org/web/20141026175325/http://www.maisonharbour.com/

here is our current site,
http://www.maisonharbour.com/

Cheers,
NEH

[Sakin]

@neh: Looks like you have already fixed it as when I check in your site. Your logo is at left and social icons are at right.

[neh]

Hi Sakin,

I am getting closer… played a lot with the size of the image and,

#site-logo {
padding-top: 25px;
}

#hgroup-wrap {
padding-bottom: 20px;
}

Now working on getting the menu bar integrated with the slider images. Is it possible to play with the transparency or the menu bar and overlay it?

Cheers,
NEH

[Sakin]

@neh: For advance customization like this, you might need to hire a customizer. Try the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

#header-menu {
    background-color: transparent;
    margin-bottom: -45px;
    position: relative;
    z-index: 99;
}

[Author]

Posts