Hello!
I was wondering how you make the text smaller for the main heading (title) of the article, when you are searching, or when you click on a category and the list comes up. For example on this page: http://livelovefruit.com/category/fruit/ – I was wondering how you make that title text smaller, its a bit big.
Thanks!
Carly
Hello frasercarly89,
I suppose that you want to make your page title being a bit smaller. To do that, you have to use a bit of CSS code. Please try the code below and place it in Theme panel->Custom CSS box.
The code is ->
.td-page-title {
font-size: 20px;
}
Thank you for the message!
Hello,
I want to make the page title text smaller for when you are searching under a category. Here is an example:
http://www.screencast.com/t/Nsjmocs8bM
Thanks!
Carly
Hello Carly,
I suppose that you want to make the post title on the page to be smaller. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td_module_wrap .entry-title a {
font-size: 15px;
}
The result you should see here -> http://screencast.com/t/FjdlYLhm
Hope this helps and let us know how it goes!
Thank you for the message!
Yes, that definitely works, but then it modifies the titles on the main page. I only want the font size changed for when people look up articles under the categories live, love, fruit and recipes. That code also modifies the text under “Search” and makes it really really big.
The category display I am using for live, love, fruit and recipes is M2.
Hello Carly,
Please try the following code and place it in Theme panel->Custom CSS box.
.td_module_2 .td-module-title {
font-size:15px;
}
The result you should see here -> http://screencast.com/t/wAwO6zKN
If is not what you mean, please provide more details.
Thank you for the message!
Yes, that is what I mean, but now the text on the main page under “tasty vegan recipes” is really large – that module is Block 13 – how do I go about getting that text smaller?
Thanks!
Hello Carly,
Please try the code below.
The code is ->
.td_module_14 .entry-title {
font-size: 20px;
}
Thanks.
Works great! Is there a code I can write in to make it bold?
Hello Carly,
Please try to use the CSS property to make your text bold. font-weight: bold
Hope this helps!
Thanks.
