Menu text size modification

This topic has 21 replies, 5 voices, and was last updated 9 years, 6 months ago by Sakin.

Viewing 20 posts - 1 through 20 (of 22 total)

1 2 →

Author

Posts
May 6, 2015 at 2:18 pm #57248

beatmaniaNZ
Member

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?

May 6, 2015 at 8:51 pm #57279

Samson81
Participant

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; }

May 7, 2015 at 12:14 am #57290
Sakin
Keymaster
@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;
}
```
May 7, 2015 at 12:16 am #57291
Sakin
Keymaster
@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;
}
```
May 7, 2015 at 1:30 pm #57327

beatmaniaNZ
Member

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 🙂

May 9, 2015 at 3:42 pm #57446

beatmaniaNZ
Member

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 🙂

May 21, 2015 at 5:19 pm #58102

roderick
Member

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

May 23, 2015 at 10:59 pm #58210
Sakin
Keymaster
@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;
}
```
May 27, 2015 at 12:05 am #58375

roderick
Member

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

May 27, 2015 at 1:32 am #58377
Sakin
Keymaster
@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;
}
```
May 29, 2015 at 8:31 pm #58566

roderick
Member

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!

May 31, 2015 at 3:32 am #58637
Sakin
Keymaster
@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; }
```
June 1, 2015 at 9:15 pm #58739

roderick
Member

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

June 2, 2015 at 9:37 pm #58808
Sakin
Keymaster
@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; }
```
June 3, 2015 at 5:21 pm #58841

eric
Member

Hello Sakin,

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

June 3, 2015 at 10:44 pm #58850

Sakin
Keymaster

@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.

June 5, 2015 at 12:13 am #58940

eric
Member

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.

June 5, 2015 at 7:57 am #58952

beatmaniaNZ
Member

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

June 5, 2015 at 12:39 pm #58961

roderick
Member

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

June 5, 2015 at 6:09 pm #58984

Sakin
Keymaster

@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