Changing text colour in Thumbnail Style gallery

raebrown · July 13, 2016

I've changed my gallery style to Thumbnails and applied Nicholas Sherlock's customization to get rid of the square thumbnails. Does anyone know the code that would allow me to change the colour of the text which appears over the Gallery Cover Image. http://www.tickledpixels.com/Canada/Yukon-Territory/Moosehide/ . Would also like to change the text colour over the Cover photo on my Home page. http://www.tickledpixels.com/ . Thanks.

Lille Ulven · July 13, 2016

If you want to change the color of the breadcrumbs you would have to use this css on entire website level:

.sm-breadcrumb a{
color: red !important; /* change the color to something you like :) */
}

If you want to change the color of your menu - depending on if you want that for your homepage only (choose level "homepage" or this "site only") or for your "entire website" use this code:

.sm-page-widget-nav-toplink a {
   color: red !important; /*change to a color of your choice*/
}

Hope this helps

Good luck

Lille Ulven

denisegoldberg · July 13, 2016

This CSS will change the color of the gallery cover title and description:

.sm-gallery-cover-title { color: #FFD39B !important; }
.sm-gallery-cover-description { color: #FEF0DB !important; }

This will change the colors in your profile on your home page:

.sm-page-widget-profile-v2-name { color: #FFD39B !important; }
.sm-page-widget-profile-v2-description { color: #FEF0DB !important; }

--- Denise

raebrown · July 13, 2016

Got it! Thanks Denise and Lille for your very helpful and quick replies.

Changing text colour in Thumbnail Style gallery

Comments