[beatmaniaNZ]

Hi Team.

How may I adjust the font size for the top primary menu?
I’ve done some research into it and apparently I need to modify the Style.css file in this directory /httpdocs/wp-content/themes/catch-responsive-pro

But I’m pretty scared of breaking anything. If someone could point me in the right direction inside the file to resize the primary menu text?

[Samson81]

I’m having the same problem I can change the main menu text size and line height with the CSS code bellow. However how do I change the Sub Menu text size and line height?

#header-menu ul.menu a { font-size: 14px; line-height: 2.5rem; }

[Sakin]

@beatmaniaNZ: Please don’t edit core theme files inside ‘catch-responsive-pro’ directory. As these edits will be reverted back to original when you update the theme. So, for CSS changes either you need to add in “Appearance => Customize => Theme Options => Custom CSS Options” box or you need to build child theme and add in you child theme style.css.

So, to change the font size of primary menu, you can adjust the size in the following css and then add it “Appearance => Customize => Theme Options => Custom CSS Options” box

.nav-primary .menu a {
    font-size: 16px;
}

[Sakin]

@Samson81: For sub-menu, you can adjust the font in the following css:

.nav-primary .menu .sub-menu a, 
.nav-primary .menu .children a {
    font-size: 14px;
}

[beatmaniaNZ]

HI, and thanks for your response, I hope things are progressing well over there (BTW, Christchurch received over 30,000 aftershocks after our quakes, lets hope you don’t.)

I am not familiar with Css at all, and I do not understand what you mean by a ‘child-theme’.

I will follow the instructions you gave me and let you know how I got on 🙂

[beatmaniaNZ]

Thank you for your help btw.

One more small thing, a suggestion for next release infact.
Please add the ability to select font sizes as well as font types per family from the Customise menu 🙂

[roderick]

Hi, how do I increase the size of the Site title and the Footer text?
Thanks

[Sakin]

@roderick: You can change the font size in the following css as per your need and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:

/* For Site Title */
.site-title {
    font-size: 38px;
}
/* For Footer Text */
#site-generator {
    font-size: 13px;
}

[roderick]

Thanks for that Sakin – what I wanted was to change the text size in the footer sidebars (and also the sidebar sidebars!)? The font I have chosen for these is relatively larger than the font for the main content. Thanks again for your help

[Sakin]

@roderick: For sidebar and footer sidebars font size, change it in the following css as per your need and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:

#secondary .widget-area, 
#colophon .widget-area {
    font-size: 14px;
}

[roderick]

Hi Sakin,
Thanks, that changes one element of the footer! This is the page I am trying to sort out: http://www.owensheers.co.uk/ the css above changes the size of ‘click here to view’ beneath the cookie policy header, I’m trying to also reduce the size of the font ‘Privacy and cookie policy’ in the footer and also the News heading and text links in the sidebar and other text in the sidebars in other pages. This is the first WordPress site I’ve done, so apologies if the questions are pretty obvious!

[Sakin]

@roderick: Oh you are trying to change the font size of Footer Area widget. So, you can adjust the font size in the following css as per your need and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:

/* Footer Widget Font Size */
#supplementary .widget { font-size: 16px; }
/* Footer Widget Title Font Size */
#supplementary .widget-title { font-size: 20px; }

[roderick]

Hi sakin, Thanks that works great – all I need now is the same for the sidebar widget area 🙂 Roderick

[Sakin]

@roderick: Ok here goes css for Sidebar font size:

/* Sidebar Widget Font Size */
.sidebar .widget { font-size : 16px; }
/* Sidebar Widget Title Font Size */
.sidebar .widget .widget-title { font-size : 20px; }

[eric]

Hello Sakin,

is it possible to change the menu color, text and front for free version? Thanks.

[Sakin]

@eric: It possible only through custom css. For that you need to post in your site URL and let me know what are the changes in color you want to make and all. It’s bit hard.

[eric]

Hello Sakin,

My site is http://www.goodsbuys.com

I would like to change the menu text from blue to white (someone made mistake last time).

Also, I would like to change the color of Main menu, secondart menu, footer menu and their slider color. Thanks a lot.

[beatmaniaNZ]

Would you people STOP hijacking this thread i started? I’m finding it quite rude.

[roderick]

Sorry, I;m quite new to this and this is how I thought support forums worked. Didn’t mean to be rude

[Sakin]

@roderick: Yes, you are using Catch Box Free theme, so you can post it in http://catchthemes.com/support-forum/forum/catch-box-public/

Also note: Detail color option to change, is there only in Pro version. If you want me provide css to change color as you needed. Then you need to send me details of color codes that you want to change to. I only see Primary menu and Footer Menu in your sidebar.

Please post in new support thread and I will work on it.

[Author]

Posts