Slider dark transperent color + about section

ThemePalace: WordPress Themes & Plugins Forums Bizlight Pro Slider dark transperent color + about section

Post to topic

This topic contains 8 replies, has 3 voices, and was last updated by  wensolutions 1 month, 3 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #27963

    vtracer20
    Participant

    Hi i have two things i need help with.

    1) how to remove the slight dark color that goes over each slider image. I plain not using the slider text and just make a image with the proper text i need. This darkness is making my nature images which need to be bright into sad images.

    2) for the about section, is their a way to remove the check button circles and how to make the image on the right smaller. I tried to edit the image and import a smaller image but seems the size is fixed on the site.

    #27966

    wensolutions
    Support Team

    Hello @vtracer20,

    Please find below the resolutions for each of your issues listed down below :

    • how to remove the slight dark color that goes over each slider image :
    • Please paste in the following Custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS to remove the dark overlay in the slider :

      .thumb-overlay {
          background: transparent;
          
      }
    • is their a way to remove the check button circles :
    • Please add in the following Custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS to remove the button icons in the about section :

      .about-list span.icon-section {
          display: none;
      }
    • how to make the image on the right smaller :
    • Regarding the image, the image should take space automatically, depending the size of image you have uploaded. However if that does not happen, you can still control the image size with the CSS below :

      div#product-thumb img {
          width: 80%;
      }

      Hope this helps,

      Best Regards !!

    #27977

    vtracer20
    Participant

    Thank alot those helped. Few other questions.

    For the about section, with the right picture. it seems the picture doesn’t line up horizontally with the bold text of the main title. Is their a way to fix this?

    Now that i removed the green circles their are empty space their. Is there a way to move the text for each about page to be move to the right? I dont plain on using the circles at all.

    Is their a way to reduce the empty space at the bottom of the about us section? I have very little info on this page and getting rid of the empty space will make the page fit on the screen without scroll.

    #28001

    vtracer20
    Participant

    I also had one other thing, when you scroll down on the front page, a black bar shows up top. is their a way to change this color. I tried all color settings and it doesn’t look like i can change this.

    #28052

    wensolutions
    Support Team

    Hello,

    Please add up the following custom CSS that addresses your requests regarding the text alignment and image alignment :

    @media screen and (min-width: 992px) {
    
    .about-list-content {
        float: right;
    
    }
    
    }
    
    div#product-thumb img {
        padding-top: 16px;
    }

    Regarding your query with the about us section spacing we would need to inspect your Website URL to provide a fix for your site precisely.

    Also, we are having trouble understanding correctly the “Black Bar” you are referring to, please explain further the black bar with a possible screenshot so that we can assist further.

    Hope this Helps,

    Best Regards !!

    #28074

    vtracer20
    Participant

    Regarding the Black bar, on the front page…. when you scroll down the menu up top moves down with the scroll. As you scroll down the background of the menu up top changes to a dark background. I would like to have control of the color of this as my menu text is black and you cant see the menu as you scroll down.

    On other pages “primary color” changes the background of the menu up top, but not the background of the menu in the front page.

    Hope that help. if not please provide email and i’ll send you a screen shot.

    #28076

    wensolutions
    Support Team

    Hello,

    You can change the color of the sticky menu bar with the help of the following custom CSS :

    .navbar-fixed-active {
        background-color: #3c763d !important;
    }

    You can change the “#3c763d” color hex code with the color hex of your desired color.

    For reference on color hex codes see the link here : http://www.w3schools.com/colors/colors_picker.asp

    Also, You can send your support queries and requests to our official support e-mail : support[at]wensolutions.com

    Hope this Helps,

    Best Regards !!

    #30835

    ribtips
    Participant

    I’m not sure what I’m missing but I’m trying to remove that dark “haze” or “shadow” over the images in the home page slider page too. I did what you suggested but that didn’t make any changes?

    I followed your instructions below:
    Please paste in the following Custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS to remove the dark overlay in the slider :

    .thumb-overlay {
    background: transparent;

    }

    #30847

    wensolutions
    Support Team

    Hello @ribtips,

    While we have tested the CSS code on our side in the Bizlight Pro theme the CSS is working fine.

    Please check and verify that the CSS has been implemented correctly in your website via Admin Dashboard > Appearance > Customize > Additional CSS. Also, to make sure the theme original CSS does not override the implemented Custom CSS please try adding the !important CSS property in the CSS that makes the code as :

    .thumb-overlay {
    background: transparent!important;
    
    }

    Hope this Helps,

    Best Regards !!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.