WordPress.org

Support

Support » Themes and Templates » Customizr » [Resolved] Remove rectangle from call to action button

[Resolved] Remove rectangle from call to action button

  • waypoint

    @waypoint

    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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • rdellconsulting

    @rdellconsulting

    Try:

    .carousel-caption {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    waypoint

    @waypoint

    Thanks for the response, but it’s still there

    @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

    .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.

    waypoint

    @waypoint

    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.

    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.

    waypoint

    @waypoint

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] Remove rectangle from call to action button’ is closed to new replies.
Skip to toolbar