Change font/colour of text on slider images

  • Resolved cbeebie

    (@cbeebie)


    6 years, 6 months ago

    Is there any way to change the font and/or colour of the Title and Description text that floats onto the images in my front-page slider? Or perhaps a way to change the position of the text on the image?

    The default white text isn’t showing up well against my choice of images.

    I am using the free version of Alante.

    Thanks!

    Chris Brown

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello cbeebie,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer.

    #slider .featured-excerpt span,
#slider .featured-title span {
  color: #17C5EA;
}
#slider .featured-title  {
  margin-top: 200px;
}

    Hope this will helps you.

    Thanks.

    Thread Starter cbeebie

    (@cbeebie)

    Thank you Saurabh — that works!

    A follow-up question …

    How do I figure out the element names to use in my CSS? (For example in the solution you gave, how could I have worked out for myself that I needed to customise .featured-excerpt and .featured-title?)

    Thanks.

    Hi Cbeebie,
    ?
    You can try taking advantage of tools such as Inspect or Firebug which can aid in customizing. These are useful 3rd party tutorials on how to go about using Inspect.
    ?

    Thank you!

    Thread Starter cbeebie

    (@cbeebie)

    Hi Emranemranx,

    Thanks for that. Using Chrome’s Inspect Element following your suggestion, I have now made a couple of simple customisations to the theme and feel confident that I could figure out how to make more if necessary.

    Chris Brown

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change font/colour of text on slider images’ is closed to new replies.