Carousel

General ShopSite user discussion
Post Reply
VinceS
Posts: 134
Joined: Fri Apr 06, 2007 1:26 pm

Carousel

Post by VinceS »

Is there any way to change the font and font size of the slide Title and Description Text for the carousel? I see the text color can be modified but thats about it.
ShopSite Lauren
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT
Contact:

Re: Carousel

Post by ShopSite Lauren »

The size of the font is controlled by the template itself. You could update the template or just add CSS to your home page to adjust the font size. If you give me the URL to the site you are working on I can provide you with the CSS to add to make that change.
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
VinceS
Posts: 134
Joined: Fri Apr 06, 2007 1:26 pm

Re: Carousel

Post by VinceS »

Thanks Lauren I can always count on you to have an answer. Here's the URL to our test site front page.

http://ahoydemo.ahoycaptain.com/index.html

I'd like to have both lines the same font size and probably larger as well.

Thanks
ShopSite Lauren
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT
Contact:

Re: Carousel

Post by ShopSite Lauren »

Here you go. Add this CSS to any of the text fields on the home page. You can adjust the font size in this code (it was 1.75em, I raised it to 2em...you can also use pt or px if you prefer).

Code: Select all

<style type="text/css">
.carousel-caption h3, .carousel-caption p {
    font-family: 'Lato', 'Lato', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica;
    font-size: 2em;
}
</style>
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
AndreaAbraham
Posts: 1
Joined: Fri May 14, 2021 4:54 am

Re: Carousel

Post by AndreaAbraham »

Hi, sorry for the weird question, here you see that you can change the color of the font, where is it, I can't find it?
ShopSite Lauren
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT
Contact:

Re: Carousel

Post by ShopSite Lauren »

The code mentioned before did the font size and font family. You can add color like this:

Code: Select all

<style type="text/css">
.carousel-caption h3, .carousel-caption p {
    font-family: 'Lato', 'Lato', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica;
    font-size: 2em;
    color: blue;
}
</style>
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
Post Reply