Where to change homeslider (image slide) Description Font Size?

[pause4paws]

Prestashop 1.6.1.7

 

Where do I change the font size for the description of the slides on the home page, please? I need the font to be smaller but keep the color the font is. Image shows how large the font is in 100% browser view.

 

When I use the editor in Modules and Services ->Homeslider -> Configure -> Description

to edit the size of the description, it doesn't get smaller and changing head tags changes the font color to black, which I don't want.

 

The code in the editor is as follows:

 

<h3 style="text-align: left;">Dogs<br />At-home<br />Spa</h3>

<p style="text-align: left;"><button class="btn btn-default" type="button">shop now</button></p>

 

That means what I'm looking for must be somewhere else, I think! 

 

Thanks!

[El Patron]

using chrome

 

back office-->advanced parms-->peformance-->disable CCC of .css

 

now visit your front office

 

ctl+alt+j 

 

now  right click-->inspect the element

 

chrome will show you the .css applied to element, where it's located and you can even change it real time.

 

hope  this helps you become more confident working with your front  office...

[pause4paws]

  On 10/18/2016 at 1:03 AM, El Patron said:

using chrome

 

back office-->advanced parms-->peformance-->disable CCC of .css

 

now visit your front office

 

ctl+alt+j 

 

now  right click-->inspect the element

 

chrome will show you the .css applied to element, where it's located and you can even change it real time.

 

hope  this helps you become more confident working with your front  office...

This is great! I am more confident in finding where to make changes. Thank you, El Patron!  But (sorry) the font size didn't change.

 

I used Chrome and disabled "Smart cache for CSS" in the "CCC (COMBINE, COMPRESS AND CACHE)"  section.

 

I inspected the element and saw that I need to edit the homeslider page.

 

I used Sublime to edit homeslider.css

 

original code:

#homepage-slider .homeslider-description h3 {

      font: 700 5.462em/1em "Roboto", sans-serif;

      color: #3d3b3b;

      margin: -8px 0 0 0;

      padding: 0; }

 

Line 33 - changed to font: 400 2.462em/1em

 

Saved & uploaded the edited homeslider.css

 

Cleared cache via back office.

 

No change in the size of the Font for the Description that shows on the slide, so I put the original homeslider.css file back.

 

Could it be because my site is not live and maybe that is why I'm not getting the results I want?

 

Thank you!

[El Patron]

that should have worked (I don't do .css), when test change and after clearing cache, open shop in an incognito window so there is no browser cache used.

[pause4paws]

I was going to try that, but now I got this and don't see where to change the font size. 

 

Edited October 18, 2016 by pause4paws (see edit history)

[pause4paws]

I changed the description font size in homeslider.css for H3 tag as follows:

 

#homepage-slider .homeslider-description h3 {

      font: 400 32px "Roboto", sans-serif;

 

and now it displays the way I want!