Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 28, 2019 at 1:19 pm #1160954
    psipi

    Hi,

    1) love Enfold
    2) Endeavouring to do some extra css work

    Have enabled the developer options, and added a css selector
    .. but it’s not working.. ?

    Also.. endeavouring to use Css Hero
    but that doesn’t seem be finding it either
    and styling the buttons .. is producing a strange effect.

    An example..

    I’m wanting a button style that is transparent on normal and hover.
    but with a green border on hover.
    and to have the button me rounded
    and to have the text not be underlined on rollover.

    Most of which can do with normal enfold options.
    but no option to set transparency on button colour styles.. just colour
    not to round the button.

    December 1, 2019 at 2:03 am #1161526
    Mike

    Hey psipi,
    Sorry for the late reply, so as I was not sure which button you are working on I choose the “Anything Is Possible™” button as an example.
    Right now you have an inline background-color, this will need to be removed because inline styles win over stylesheets, and the button has a transition and hover opacity.
    Otherwise, this css should work for you:

    #top #wrap_all #main .button-blacksuperpsi a,#top #wrap_all #main .button-blacksuperpsi a:hover {
	    background-color: transparent !important; 
	    border-radius: 30px !important; 
	    text-decoration: none !important;
	    color: #fff;
}
#top #wrap_all #main .button-blacksuperpsi a:hover {
    border: 3px solid green !important; 
}

    Are you using the Advanced Layout Builder to create your buttons, or the builder shortcode?
    I don’t recommend using csshero, it can make debugging your css harder, but some people like it.

    Best regards,
    Mike

    December 2, 2019 at 3:02 pm #1161895
    psipi
    This reply has been marked as private.
    December 2, 2019 at 3:03 pm #1161896
    psipi

    oh.. and using advanced layout editor..

    and have the inline styles come from the advanced layout editor?
    how can they be reset?

    December 3, 2019 at 12:39 pm #1162171
    Mike

    Hi,
    Please add your button to a demo page and include an admin login to check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.