Joomla Templates Club 406,261 posts

[tabbus Friend tabbusJoin date: July 2015Posts: 123Downloads:3Uploads:25 Thanks: 10]

#923905

Hello I’m trying to change the title font for the slideshow and main titles, I’ve added both

.block-slideshow-item .block-title and
h2 .block-title

to customcss but it’s not being picked up, just reverts to the t3 css file it came from

Can someone explain?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#923911

Hi
Add below code in custom.css file to change the font-size of slideshow titles .

@media screen and (min-width: 992px){
.block-slideshow-item .block-title {
    font-size: 61.5px!important;

} }

This work till screen size is 992px width .
If you want to apply same font size for all screen size then remove the media query in above code .

[tabbus Friend tabbusJoin date: July 2015Posts: 123Downloads:3Uploads:25 Thanks: 10]

#923912

Hello thanks, but I’m looking to change the font not the size.

I’ve added the @media already.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#923913

Hi
for font style add additional style in the same code
Remove font-size and add
.block-slideshow-item .block-title { font-style: italic;!important; }
Simple 🙂

[tabbus Friend tabbusJoin date: July 2015Posts: 123Downloads:3Uploads:25 Thanks: 10]

#923915

I’m trying to change the font-family not the style, it doesn’t pick up the changes I’ve made to customcss:

block-slideshow-item .block-title{
    color:#ffffff;
    margin-bottom:30px;
    text-align:left;
    font-weight:900;
    margin-top:0;
    font-size:24px;
    font-family: 'Helvetica' ,sans-serif;

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#923923

Hi
your code have syntax error . Dot is missing from style class and closing braces }

use this

.block-slideshow-item .block-title{
    color:#ffffff;
    margin-bottom:30px;
    text-align:left;
    font-weight:900;
    margin-top:0;
    font-size:24px;
    font-family: 'Helvetica' ,sans-serif!important; }

Also check your custom.css file , there is no more syntax error .

[tabbus Friend tabbusJoin date: July 2015Posts: 123Downloads:3Uploads:25 Thanks: 10]

#923937

No thats just how it pasted in, there is the class dot already

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#923961

Hi
if you still have issue , you can post the site url here .
Make sure you cleared all cache after save the code in custom.css without any syntax error and code like i given above.

[Author]

Posts