Changing Column Header Text Size
URL to the page in question:
-
On the Home page, there are three columns on the bottom, I’d like to change the text size of their titles or column names as well by device. I don’t seem to be able to find the CSS style tag for this.
Thanks,
Rick
Rick,
You can change the size of the widget titles based on screen size. Here’s what to do:
- Go to the Theme Options page and select the Styling tab.
- Scroll down to the Custom CSS box and paste this:
h4.widget-title,
h2.widget-title {
font-size: 28px;
}
@media only screen and (max-width: 767px) {
h4.widget-title,
h2.widget-title {
font-size: 28px;
}
}
- Update your settings. The top style will set the size of your widget titles for screen sizes that are larger than 767 pixels wide (tablets and bigger). The second style will set the widget title size on screen sizes smaller than an iPad. You can adjust the 28px in either one to change the size of the text in pixels.
Let me know if you run into any trouble with that,
Bill
- The topic ‘Changing Column Header Text Size’ is closed to new replies.