Changing Page Text CSS
URL to the page in question:
-
Hi, what is the CSS code to paste in tha affect the font, color and size do the aerticle titles presented on page for different devices?
You can change those. Here’s how to go about it:
- Go to the Theme Options page and select the Styling tab.
- Scroll down to the Custom CSS box and paste this:
h1.title,
h2.title,
h2.title a,
h2.title a:visited {
font-size: 30px;
color: #fff;
}
@media only screen and (max-width: 1024px) {
h1.title,
h2.title,
h2.title a,
h2.title a:visited {
font-size: 30px;
}
}
The top style will affect any device larger than an iPad. The bottom will affect devices from an iPad on down. I would suggest setting the color in the top one so it's the same everywhere, but you can set it in the bottom if you need a different color on a smaller screen.
- Update your settings.
That should do it. If you have any trouble, let me know.
Have a great weekend,
Bill
very nice, thank you.
Things are starting to take shape.
And, thank you for creating a template that allows direct customization and flexibility. Some I have tried from big sellers, have not. Makes them quite problematic.
If interested, take a look at the current site. Interactive functionality is not there yet, but it is building. Blogs, etc to come.
Rick
I try to make things customizable for the end user. I started out editing themes for I began selling them and I appreciated developers who made things flexible.
I’d love to take a look. Seeing what people create with the themes is always fun. What’s the URL to your site?
- The topic ‘Changing Page Text CSS’ is closed to new replies.