Joomla Templates Club 406,261 posts

[mongela Friend mongelaJoin date: December 2010Posts: 17Downloads:0Uploads:2 Thanks: 6]

#158631

Which CSS file do I use to edit the photo caption style? Right now, I’m using a serif Google font in my T3 settings, but I want the captions to be sans serif.

Thanks for any help!

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#371461

You can change this::

.img_caption p {template.css (line 309)
background: none repeat scroll 0 0 #333333;
border-top: 1px solid #FFFFFF;
color: #CCCCCC;
margin: 0;
padding: 1px 0;
text-align: center;
}

to

.img_caption p {template.css (line 309)
background: none repeat scroll 0 0 #333333;
border-top: 1px solid #FFFFFF;
color: #CCCCCC;
font-family: sans-serif;
margin: 0;
padding: 1px 0;
text-align: center;
}

[mongela Friend mongelaJoin date: December 2010Posts: 17Downloads:0Uploads:2 Thanks: 6]

#371525

I made this change to the template.css file and it’s not changing. I am using the EasyImage Caption extension. Could that be overriding the template.css?

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#371587

Hi,
Yes, img-caption got overridden by EasyImage Caption extension, so, you can override again in template.css file
change this code


/*template.css at line 306*/
.img_caption p {
padding: 1px 0;
color: #ccc;
background: #333;
border-top: 1px solid #fff;
margin: 0;
text-align: center;
}

to


/*template.css at line 306*/
.img_caption p {
padding: 1px 0;
color: #ccc;
background: #333;
border-top: 1px solid #fff;
font-family: sans-serif !important; /*this line override font-family for imgcaption */
margin: 0;
text-align: center;
}


[Author]

Posts