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

Header size in construction & building sliders

responsiverevolution slider
    • 9 years, 4 months ago Sven
      Participant

      Expired

      Hi,

      I want to customize the revolution slider of the construction and building demo. But there seems to be a problem in the demo: if you resize the page of demo the h1-heading isn’t resized.

      You can have a look here: https://codeless.co/tower/business/construction-buildings/

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      
      /*slider font size for mobile*/
      @media (max-with: 480px){
      .construct_div h1 {font-size:14px !important;}
      }
      /*slider font size for ipad portrait*/
      @media (max-with: 979px){
      .construct_div h1 {font-size:14px !important;}
      }
      /*slider font size for ipad landscape*/
      @media (max-with: 1024px){
      .construct_div h1 {font-size:14px !important;}
      }

      Edit the values to your wish. Let us know.

      Best regards!

    • 9 years, 4 months ago Sven
      Participant

      Expired

      Hi Mihaila,

      I added those lines to my custome css box but it doesn’t solve the problem.
      The strange thing: I tried to change the font-size generally in the console, but even with “!important” it had no impact..

      $(‘.construct_div h1’).css(‘font-size’,’14px !important’);

      Changing the color works…

      $(‘.construct_div h1’).css(‘color’,’red’);

      Turns the heading to red.

       

    • 9 years, 4 months ago Ruco
      Keymaster

      Hello,

      It’s because the font size is set at slider settings and the style has ‘!important’ set which precedes the style you added.

      Please try this:

      @media (max-with: 480px){
      div.construct_div h1 {font-size:14px !important;}
      }

      If it still don’t work please write you site credentials in a private reply, we will fix it.

      Best regards!

    • 9 years, 4 months ago Sven
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 4 months ago Sven
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      I edited style.css file. I removed an !important from this block:

      .construct_div h1{
        line-height:36px;
        font-size:32px !important;
        color:#fff;
      }

      The fonts in revolution slider in mobile are smaller now. Please check your site.

      Best regards!

    • 9 years, 3 months ago Sven
      Participant

      Expired

      Hi Mihaila,

      thanks works now. Do I have to change this again after the next Theme Update?

      Best regards
      Sven

    • 9 years, 3 months ago Mirela
      Participant

      Hello,

      We will make sure to remove it too in the next update, so you will not have to worry about it anymore.

      Best regards!

    • 9 years ago Sven
      Participant

      Expired

      Hi Mihaila,

      in Version 1.7 the !important directive is still there.

      Best regards
      Sven

Viewing 9 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