WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
[resolved] Remove rectangle from call to action button (8 posts)

  1. waypoint
    Member
    Posted 8 months ago #

    I am unable to remove the opaque black rectangle from the call to action button on the slider. My site is waypointonline.org and the button is on the second image in the slider. Thanks for your help.

  2. rdellconsulting
    Member
    Posted 8 months ago #

    Try:

    .carousel-caption {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
  3. waypoint
    Member
    Posted 8 months ago #

    Thanks for the response, but it's still there

  4. tomaja
    Member
    Posted 8 months ago #

    @waypoint, I think that your my-style.css is in confilct with default Customizr css. You should make your css changes thru custom css or child theme style.css file
    You need to remove

    .carousel-caption {
        background-color: rgba(0, 0, 0, 0.7);
    }

    from my-style and try adding

    .carousel-caption {
    background-color:none!important;
    }

    to your custom css field

  5. acub
    Member
    Posted 8 months ago #

    .carousel-caption {
    background-color: transparent;
    }

    should do it.

    @tomaja: there are no conflicts in CSS. It's all about what rule takes precedence. When possible, do not use !important in your CSS code, especially when giving advice. And, if you don't find any other way, at least do it properly: (there should be a space before the exclamation mark and the CSS declaration you're making important should be valid). background-color: none; is not a valid CSS declaration.

  6. waypoint
    Member
    Posted 8 months ago #

    This must be pretty tough - I've tried all of the above (not at the same time, of course) to no avail. The black rectangle is still behind the call to action button.

  7. acub
    Member
    Posted 8 months ago #

    Since you modified customizr and were able to create my-style.css I assumed you would replace the declaration on lines 28 to 30 in that file with my code. If you do it from custom CSS panel, you need to put .carousel-inner in front of my code, like this:

    .carousel-inner .carousel-caption {
    	background-color: transparent;
    }

    And, by the way: having done mods in customizr is wrong. You'll be unable to upgrade the theme without losing your mods. You should have done them in a child theme.

  8. waypoint
    Member
    Posted 8 months ago #

    It worked! Thank you for the advice - have a blessed Thanksgiving, all!

Reply

You must log in to post.

About this Theme

About this Topic