I have a JS box in this post: http://www.patchofearth.com/travel/scripps-travel-videos/7-ireland-vacation-road-trips/
The headlines within it are too large and it’s cutting off type. The source for the code suggested that I insert this custom CSS into my site to correct it. Will this mess up my site? And if not, how should I insert it? In the Custom CSS section of the Theme Panel with a class name, and then I insert the class name in the JS box? Thanks!
Here’s the code they’re suggesting to me:
<style>
cite.vjs-playlist-name,
p.vjs-playlist-description {
font-family: Arial, Helvetica, Verdana, sans-serif !important;
font-size: .60em !important;
}
</style>
Hi,
You can add this code in the theme panel->custom css box:
cite.vjs-playlist-name,
p.vjs-playlist-description {
font-family: Arial, Helvetica, Verdana, sans-serif !important;
font-size: .60em !important;
}
(without the style tags)
Thank you!
Thanks, Bogdan. The theme wouldn’t accept that CSS. It told me to delete the “cite” and the “p”. But when I did that it didn’t change the font size within the video playlist; all it did was reduce the font size in the copy above the playlist (the actual intro post copy). To correct it I had to delete the code and then go into Fonts -> Page content and change it back.
Any other suggestion for reducing the size of the titles within the video playlist?
Also, that code you gave me didn’t reduce the font size on any posts that don’t have videos. So for some reason the page settings (as opposed to the post settings) in fonts was being affected by it…
Hi,
The code I provided is the same one you received and were instructed to use except the style tags. Unfortunately i did not test it to see if it works. I;m not sure exactly how you want te title but I assume this is what you are looking for: http://screencast.com/t/JzO8Tpe2S
Here is my version of the code:
.ulive-widget #ulive-playlist-container .vjs-playlist-item .vjs-playlist-description{
font-family: Arial, Helvetica, Verdana, sans-serif !important;
font-size: 15px!important;
}
Thank you!
