[lygiahuan]

Please take a look at my blog: http://cuden.net/

I would like to align the site title so that it is vertically centered of the logo.
I also would like the logo and the site tittle (as a whole) to be horizontally centered.

Please help. I really appreciate it.

[Pratik]

Hi @Iygiahuan,
To vertically align the site title to logo and then horizontally center the block, add in following CSS Code in Appearance=> Customize=> Theme Options=> Custom CSS box

#header .logo-wrap {
    float:none;
    margin: auto;
    width: 50%;
}
#site-details {
    padding-top: 30px;
}

Let me know how it works out.

Regards,
Pratik

[lygiahuan]

Hi Pratik,

Thank you for your help. It worked, but not exactly what I imagined.
The logo+title block are somewhat in the middle (still slightly to the left). I would love to see them right in the middle.
Also, the social icons (FB and Instagram) were somehow pushed down and created unnecessary blank space. Ideally, I would like to see those icons at the same level as the title. If that’s not possible, please reduce the blank space, and move the icons to the top.

Thank you!

[Pratik]

Hi @Iygiahuan,
Ok, because of a default min-width CSS attribute, the logo is not being centered properly. Also for social icons to move it in level with the title, remove the previous code and add in following CSS code in the same place:

#header .logo-wrap {
    float: none;
    margin: 0 auto;
    min-width: 0;
    width: 50%;
}
#site-details {
    padding-top: 30px;
}

#header .social-search {
    margin-top: -45px;
}

Let me know how this works out.

Regards,
Pratik

[lygiahuan]

It worked perfectly. Just what I wanted. Thank you very much @Pratik !

[Pratik]

Hi @marga,
I am glad it worked out.

If you liked our theme and support, please give us your valuable review at https://wordpress.org/support/view/theme-reviews/simple-catch.

Thank,
Pratik

[rohit]

hi i want to add full width header image on my Catch Everest Theme
please give the require size of the image.

my url is : http://www.marathimastar.com/

please help me in this.

thanks

[Pratik]

Hi @rohit,
There is no exact size for header image in Catch Everest theme. What you can do is skip the cropping when you add the header image.

Recommended size is: 1140px width

Regards,
Pratik

[giuliog]

Hello,

I am trying to align the logo with my title but unsuccesfully so far.

Any tips?

http://s611122501.websitehome.co.uk/

Thanks

Giulio

[Pratik]

Hi @giuliog,
I cannot understand exactly what you mean. Do you want the title and description to be aligned with logo, or in the middle with respect to the vertical height of the logo?
If you want the site title and tagline to be aligned in middle with the logo, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

#hgroup.with-logo {
    margin-top: 10px;
}

Regards,
Pratik

[giuliog]

Hi Pratik,

Thank you very much foy your quick answer. I managed at the end to align the logo with the title, although it feel a bite too close. Any CSS to distantiate them a bit.

Thank you very much

Giulio

[Pratik]

Hi @giuliog,

To add a bit of distance between logo and title, , you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

#hgroup.with-logo {
   margin-left: 15px;
}

You can increase or decrease 15 to increase or decrease the gap.

Let me know if this works or not.

Regards,
Pratik

[giuliog]

Fantastic Pratik,

It worked greatly, thank you very much

Giulio

[giuliog]

Only another question.

Is there anyway which the logo can go on the far right neat the search widget?

Thanks again

[Pratik]

Hi @giuliog,

That can be achieved too. For that you can can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

#header-left {
    width: 87%; // Increase or decrease 87 to push or pull the logo near search bar
}
#site-logo {
    float: right;
}

Please note the comment too.

Let me know if this works out or not. You might want to remove following code that added a gap between logo and site title since there will be extra gap now when logo moves towards search.

#hgroup.with-logo {
   margin-left: 15px;
}

Regards,
Pratik

[giuliog]

Hi Pratick,

It worked perfectly. Would it be possible to have the logo really far right basically at the place of the search widget. Even removing the search widget would be fine.

Thanks a lot for your support

Giulio

[Pratik]

Hi @giuliog,

You can increase the 87% to as much as you want(limit is 100%) in #header-left to push the logo further as I have provided in previous reply. To hide the search sidebar, you can can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

#header-right {
    display: none;
}

Let me know if this works or not. I will assist you further if you find difficulties.

Regards,
Pratik

[rohit]

hi pratik

i want to ask you,

How to align site title and description to the center

my site url is : http://www.marathimastar.com

thanks

[Pratik]

Hi @rohit,

To center the title, you can can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

@media (min-width: 768px) {
    #header-left {
        margin-left: 37%;
    }
}

Let me know if this worked out for you or not.

Regards,
Pratik

[rohit]

hey Pratik,

it is working

thank you so much 🙂 🙂

[Author]

Posts