Carousel

General ShopSite user discussion

Carousel

Postby VinceS » Fri Jan 22, 2021 4:18 pm

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.
VinceS
 
Posts: 130
Joined: Fri Apr 06, 2007 1:26 pm

Re: Carousel

Postby ShopSite Lauren » Mon Jan 25, 2021 4:03 pm

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.
ShopSite Lauren
 
Posts: 871
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT

Re: Carousel

Postby VinceS » Tue Jan 26, 2021 9:13 am

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
VinceS
 
Posts: 130
Joined: Fri Apr 06, 2007 1:26 pm

Re: Carousel

Postby ShopSite Lauren » Tue Jan 26, 2021 10:03 pm

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.
ShopSite Lauren
 
Posts: 871
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT

Re: Carousel

Postby AndreaAbraham » Fri May 14, 2021 4:58 am

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?
AndreaAbraham
 
Posts: 1
Joined: Fri May 14, 2021 4:54 am

Re: Carousel

Postby ShopSite Lauren » Fri May 14, 2021 1:04 pm

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.
ShopSite Lauren
 
Posts: 871
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT


Return to User Forum

Who is online

Users browsing this forum: No registered users and 15 guests