Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

service media title background color of text

service media text color
    • 8 years, 10 months ago marco.resinofacile
      Participant

      Expired

      Hello,

      in the homepage https://www.marco-marino.it/test1/

      I have a row with three columns/service media

      In each service media setting I placed an image with TITLE OVER IMAGE.

      The title over image takes the same background color as the color of links on hover, highlighted text and other. I think this color is customized through “Primary color” in Specular styling options.

      Is it possible to change only the color of title over image in service media without changing the main primary color in specular options?

      Thanks

      Marco

       

       

      <span style=”color: #666666; font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen-Sans, Ubuntu, Cantarell, ‘Helvetica Neue’, sans-serif; font-size: 13px; background-color: #fcfcfc;”>Color for links on hover, highlighted text and other</span>

    • 8 years, 10 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      .services_media .overlay span {
          background: rgba(255, 255, 255, 0.62);
      }

      Change the color to your wish.

      Best regards!

    • 8 years, 10 months ago marco.resinofacile
      Participant

      Expired

      I placed the css code, I got this alert:

      “Fallback background (hex or RGB) should precede RGBA background and it seems not working on front end

      Marco

    • 8 years, 10 months ago Mirela
      Participant

      Hello,

      This is not an issue. I added the code again. Please check your site. The services overlay is whiter than before. To change it’s color and transparency, just edit the background color value.

      Best regards!

    • 8 years, 10 months ago marco.resinofacile
      Participant

      Expired

      I think we are talking about different things.

      Please see this screenshot:

      https://www.marco-marino.it/screenshots-support/

      You will see a color brown under the text: this I would change in grey color.

      Regards

      marco

    • 8 years, 10 months ago Mirela
      Participant

      Hello,

      My apologies for the misunderstanding! Please add this code instead:

      .services_media.style_2 h5 {
          background: #444 !important;
      }

      Result screenshot.
      Let us know if you need further help.

      Best regards!

    • 8 years, 10 months ago marco.resinofacile
      Participant

      Expired

      Nice! It works! Solved

      Thanks

      Marco

Viewing 6 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password