How can we help you today?

How to Change Text Color for Image Carousel Design Element

By default, you can change the text color of an Image Carousel Design Element in the Design tab using the Text Color feature:


Design tab


By using the ShortPoint Text Color feature, both the Title and the Description will have the same color. 


Text color


In this article, you will learn how to customize only the Title or the Description text color using the Custom CSS feature. Follow the option that best fits your needs.


Customize Title Text Color
Customize Description Text Color
Title text color
Description text color



TABLE OF CONTENTS


Prerequisites


Option 1: Changing the Title Text Color

This option will demonstrate how to change the text color of only the Title of the Image Carousel. Copy the Custom CSS code below before starting the interactive tutorial:


.shortpoint-image-carousel-title { color: blue;}

Step 1: Edit the SharePoint web part

  • Go to the SharePoint page you want to use and click Edit.


Edit

  • Click the ShortPoint tag.
  • Select the pencil icon.

Step 2: Copy the Custom CSS 

  • Copy the Custom CSS code below:


.shortpoint-image-carousel-title { color: blue;}


NOTEBefore proceeding, make sure you already have the  Image Carousel Design Element on your page.


  • Click the Image Carousel tag.


Image Carousel tag

  • Select the cogwheel icon.


cogwheel icon

  • Navigate to the Custom CSS tab.

Step 4: Paste the Custom CSS

  • Paste the copied code in the field provided.
  • Change the color value according to your preference.
  • Click the green check mark once satisfied.

Step 5: Save

  • Click the eye icon to see your page in real-time.


eye icon

  • Click Save to apply your changes.


Save


Option 2: Changing the Description Text Color

This option will demonstrate how to change the text color of only the Description of the Image Carousel. Copy the Custom CSS code below before starting the interactive tutorial:


.shortpoint-image-carousel-description { color: blue;}



Step 1: Edit the SharePoint web part

  • Go to the SharePoint page you want to use and click Edit.


Edit

  • Click the ShortPoint tag.
  • Select the pencil icon.

Step 2: Copy the Custom CSS

  • Copy the Custom CSS code below:


.shortpoint-image-carousel-description { color: blue;}


NOTEBefore proceeding, make sure you already have the  Image Carousel Design Element on your page.
  • Click the Image Carousel tag.


Image Carousel tag

  • Select the cogwheel icon.


cogwheel icon

  • Navigate to the Custom CSS tab.

Step 4: Paste the Custom CSS

  • Paste the copied code in the field provided.
  • Change the color value according to your preference.
  • Click the green check mark once satisfied.

Step 5: Save

  • Click the eye icon to see your page in real-time.


eye icon

  • Click Save to apply your changes.


Save


Congratulations! You can now change the Title text color and the Description Text Color inside the Image Carousel using Custom CSS.


Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 54 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more