[macwebster]

Hi Sakin, two questions related to centering the header. I have seen your response for other themes, but this is for CBox Pro.

1. How to center the header image? I understand I should disable the header right sidebar, Can you advise the CSS that will center the image?

2. I have always been confused by Catch Themes CSS editor. In my dashboard there are three areas where the CSS can be customized:

I Appearance => Theme Options => Custom CSS(within the CatchBox interface)
II Appearance => Edit CSS =>
III Appearance => Editor => with options for editing the style.css or rtl.css

Of course I want the custom CSS to be in my child theme.

Can you advise how to center the header and also explain best place for editing CSS in Catch themes? thanks, J

[Sakin]

@macwebster:
1. Yes, first you need to disable header right from “Appearance => Theme Options => Header Options”. Then you can add the following css in “Appearance => Theme Options => Custom CSS” box.

.logo-wrap {
    text-align: center;
    width: 100%;
}

2. For editing CSS there is only 2 recommended process. One is adding it in “Appearance => Theme Options => Custom CSS” box and another is by building child theme and adding it in child theme style.css.
The “Appearance => Edit CSS” looks safe, I think you have enable Jetpack plugin “Custom CSS” module.
The “Appearance => Editor => with options for editing the style.css or rtl.css” – You shouldn’t edit it from here. This is like editing core theme files. If you edit it from here then all your edits will be reverted back to original when you update your theme.
Note: Then best place is Child Theme Style.css, second best Theme Options => Custom CSS and third best it “Edit CSS” from jetpack.

[macwebster]

Perfect! Everything works and I REALLY appreciate your explanation of the different CSS editors.

Best, J

[Sakin]

@macwebster: Thanks for your appreciation. Cheers 🙂

[Author]

Posts