[Michael]

Hi,

A couple of questions…

1) I would like to insert text “pipes” between the navigation options, or alternatively, add a border color on the left and right sides of the background hover color to achieve a similar effect. What css class would I be tweaking to make this happen?

2) I’ve modified the copyright text to add some needed content, and the text appears to wrap at the halfway point. Where in the css would I increase the width of the text in the copyright section?

3) I’ve updated font color for H1, H2 and H3 throughout the pages. However, I would like to do the same thing for the H1, H2 and H3 on posts/blog entries. Apparently they are different (?). Where in this css can I tweak this?

Other than these desired tweaks, this has been a very easy theme to work with. Congrats!

Thanks in advance for any help 🙂

[Sakin]

@Michael: thanks you should have posted in your site URL so that I can answer you properly. So, now I am going to take demo site http://catchthemes.com/demo/catch-kathmandu/ as reference for your questions.

1. Here again which navigation you are talking about. Is it Primary menu in header right section or is Secondary menu at the bottom of header.

So, if you are working on Primary Menu then you need to use the following css.

/* For main wrapper */
#header-menu {}
/* For Hover and Active */
.header-sidebar .widget ul.menu li:hover > a,
.header-sidebar .widget ul.menu a:focus,
.header-sidebar .widget ul.menu .current-menu-item > a,
.header-sidebar .widget ul.menu .current-menu-ancestor > a,
.header-sidebar .widget ul.menu .current_page_item > a,
.header-sidebar .widget ul.menu .current_page_ancestor > a {

}

and, if you are working on Seconday Menu then you need to use the following css.

/* For main wrapper */
#secondary-menu { }
/* For Hover and Active */
#secondary-menu ul.menu li:hover > a,
#secondary-menu ul.menu a:focus,
#secondary-menu .menu .current-menu-item > a,
#secondary-menu .menu .current-menu-ancestor > a,
#secondary-menu .menu .current_page_item > a,
#secondary-menu .menu .current_page_ancestor > a {

}

2. If are you editing the Footer text from “Appearance => Theme Options => Footer Editor Option”. Then you will see one copyright div as below
<div class="copyright"> </div>
And another Powered div as below:
<div class="powered"> </div>

These copyright and powered div is divided into equal half. So, if you want equal half then you can edit text in those div’s but if you want single one column then you can remove everything from Footer Editor Box and add your own text.

3. If you are trying to edit the color of H1, H2 and H3 in both the pages and post, then you can use the following css.

.entry-content h1, .entry-content h2, .entry-content h3 {

}

Thanks for your appreciation and just a quick now. When you edit these CSS or any code files. Please don’t edit core theme file directly. I mean please don’t edit anything inside ‘catch-kathmandu-pro’ directly. As all the changes made inside this directory will be reverted back to original when you update the theme.

So, if you are trying to edit the CSS then either you can add those css in “Appearance => Theme Options => Custom CSS” box or build child theme and add it in child theme style.css. For editing any function, you need to build child theme and edit it. For more about Child theme, you can read this blog post http://catchthemes.com/blog/create-child-theme-wordpress/

[Michael]

Thanks for the tips. Very helpful.

Yes, of course I’m working in a child theme, and not the core files 😉

Another quick question – in Theme Options > Homepage Settings > Featured Content Options …. when I add an image to appear at the top of the featured content, it adds a subtle drop shadow to the image. Where in the CSS can I remove this shadow?

Thanks!

[Michael]

Also, how to remove the border on the image slider… last question 🙂

[Sakin]

@Michael: You can add the following css in “Appearance => Theme Options => Custom CSS” box.
#featured-post img, #main-slider img { box-shadow: none; }

[Author]

Posts