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

Blog image header color overlay

Blog - image header
    • 6 years, 10 months ago jsteuve
      Participant

      Expired

      Hi,

      Where can I find/select the darkness of the color overlay of the images of the automatic blog header?

      See here: https://qh4ecruec.preview.infomaniak.website/blog/the-wind-of-reality/

      Moreover I would like that the image on top with the title is not full width.

      Thanks for your support.

      Jonathan

    • 6 years, 10 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      Please go to Customize > General > Custom Codes > Custom Css and add this code:

      .single-post .cl_page_header .overlay {
          background-color: #161616;
          opacity: 0.8;
      }
      .single-post .cl_page_header .bg-layer {
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
          background-attachment: scroll;
      }

      Change the values to your wish.

      Best regards!

    • 6 years, 9 months ago jsteuve
      Participant

      Expired

      Hi,

      Sorry for my late reply too but it does not change nothing even if I play on hexacolor code replacing the #161616 by #a8a8a8 and ot the opacity (from 0.1 to 0.9).

      Thanks for your continous support.

      Jonathan

       

    • 6 years, 9 months ago Ruco
      Keymaster

      Hello,

      Please delete the custom code and try to change the color and opacity on customizer: https://imgur.com/a/1l386Pf

      On Overlay & Border you can change the color and the opacity.

      Let us know.

      Regards!

    • 6 years, 9 months ago jsteuve
      Participant

      Expired

      Hi,

      Sorry Ruco but I do not have this in my menu… I checked on Customizer > Styling menu and no opacity features… Can you have a direct look as it turns in circle here…

      Thanks,

      Jonathan

    • 6 years, 9 months ago Mirela
      Participant

      Hello,

      Yes, sorry for the misunderstanding. The option above is available for the page’s page header overlay.
      I added the previous code in your Custom Css box and edited the color. You can see now the overlay is already whiter.

      Best regards!

    • 6 years, 8 months ago jsteuve
      Participant

      Expired

      Thanks, it now works great!

      Kind regards

      Jonathan

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