Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1028393

Hi Chris,

May I know which file did you add above rule?

If you add into css file, you should specify the value for variables like: screen-xs, screen-sm, etc… The above rule will work in LESS file only.

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1028469

Hi there,

The code was put inside a custom.css file, as I don’t normally use CSS LESS…

I have changed the variables into pixels though, in a custom.css file and the larger screen size works ok!!!!

@media (min-width: 1200px) { .acm-slideshow .owl-carousel .sl-title {
    font-size: 175px !important; }

BUT all the others sizes medium 992px & small 768px don’t seem to work and the ‘Banner Text – RI2K London’ drops out of the banner image and displays below, with the rest of the page altering itself again..?

I’ve removed all the other sizes but the problem is still there.

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1028645

Hi Chris,

Could you clarify a bit here so I will check for you? in screen size smaller than 992px, which size of text you want to set?

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1028685

Hi there – I’ve had to remove all the other sizes’ apart from the ”min-width: 1200px” as nothing seem to work when I add more than one line of this code for different sizes?

*But I need to have about font size 125px for a (min-width: 992px) size screen
& font size 75 px for a (min-width: 768px) screen size

I could then really do with smaller font size 50px for a (max-width) on smaller phone screens.

Thank you

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1029573

Hi there – Hope you got the gist of my last post ok, as my potential clients been waiting for this change in font size for nearly a month now & I really need to sort this asap still, but I obviously appreciate the ftp problems that occurred as well 😉

Thanks in advance!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1029754

Hi Chris,

I think, the css you added has been overridden, pls try to add into this file: ROOT/templates/ja_brickstore/acm/slideshow/css/style.css

I just added this css rule:

@media (min-width: 1200px) { 
  .acm-slideshow .owl-carousel .sl-title {
    font-size: 175px !important; 
  }
}

and it works now.

Kindly add again, it should work.

Regards

1 user says Thank You to Saguaros for this useful post

1. Ch1vpH

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1029827

Ok thank you it has now been fixed / applied & SOLVED! Just need to build the rest of the site in the same time frame now – fingers crossed 😉

I’ll just remember to make a note to save those changes when updating the template in future updates.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1030305

Pls also remember to add the closing bracket } as the last time I checked, you missed this one and the code will not work.

Cheers!

[Author]

Posts