Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • February 19, 2018 at 1:07 am #914077
    remcodeb

    Hello, need some help please.

    i have problems to modify extra css to my layerslider WP buttons
    (this one is in a textbox)
    it already took me 2 days to get any result.
    Why is it so hard to add extra css to a button when there is a special option for that.
    Can you take a look to my site and tell m what iam doing wrong?
    I read a lot of documentation, but i can’t solve it.

    ——————————
    what i want is that the left button near the phone with the text “iphone 7” got the same behavior as the right side

    February 19, 2018 at 5:32 am #914128
    Rikard

    Hey remco,

    Thanks for the details, though it looks like you site is down?

    Best regards,
    Rikard

    February 19, 2018 at 5:55 pm #914422
    remcodeb

    no :) strange, it is never down :)
    maybe just on the moment you checked it :)

    • This reply was modified 7 years ago by remcodeb.
    February 19, 2018 at 6:19 pm #914441
    Jordan Shannon

    Hi,

    “i have problems to modify extra css to my layerslider WP buttons”

    So you are not sure of the classes/id’s to target or you are not sure where to add the css? All css customizations can be added via quick css. I’m trying to view the site from the front-end and inspect the area you are having trouble with. Can you screenshot the exact area?

    Best regards,
    Jordan Shannon

    February 19, 2018 at 6:35 pm #914449
    remcodeb
    This reply has been marked as private.
    February 19, 2018 at 6:55 pm #914457
    Jordan Shannon

    Hi,

    Thanks for the image. So you would like it to match the blue button?

    Best regards,
    Jordan Shannon

    February 19, 2018 at 7:17 pm #914467
    remcodeb
    This reply has been marked as private.
    February 19, 2018 at 7:23 pm #914469
    remcodeb

    so black tekst, whithe background gray border on top and bottom, with a light gray mouse over background color.
    but my problem is that i can’t affect the button with css

    this is indded my problem————————-
    So you are not sure of the classes/id’s to target or you are not sure where to add the css? All css customizations can be added via quick css.
    ———————————————————–
    i can’t get it to work

    February 19, 2018 at 7:26 pm #914475
    remcodeb

    and this is actualy all because i can’t center the phone with buttons in a row. only align to the left. so thats why i make a layerslider of that part.

    February 20, 2018 at 5:48 am #914695
    Ismael

    Hi,

    Please edit the layer then go to the Link & Attributes panel. Apply a custom css class attribut to the layer (ex: custom-button). In the Quick CSS field, use the class attribute to adjust the hover state of the layer.

    .custom-button:hover {
    background-color: red;
    color: blue;
}

    Adjust or add more css properties as you wish.

    Best regards,
    Ismael

    February 20, 2018 at 6:18 am #914704
    Guenni007

    by the way – you can place a enfold button shortcode in a html layer of layerslider like:

    
[av_button label='Custom Title …' link='manually,#' link_target='' size='large' position='center' icon_select='yes' icon='ue800' font='entypo-fontello' color='custom' custom_bg='#004089' custom_font='#ff0000' custom_class='' admin_preview_bg='']

    you can not see it in layout nor preview of the layerslider – but it will be shown in backend. So it is hard to find the correct position – but it will work

    February 20, 2018 at 6:28 am #914709
    Rikard

    Hi,

    Thanks for sharing @guenni007 :-)

    Best regards,
    Rikard

    February 20, 2018 at 6:45 am #914715
    Guenni007

    haha Rikard : senile bed escape :lol

    by the way it is a sad thing indeed that in the style input field some things are automatically deleted ; like : filter:drop-shadow
    the filter array is ok – but only the given filters are allowed – horrible coding –
    but thats no Enfold thing.

    February 20, 2018 at 2:39 pm #914842
    remcodeb
    This reply has been marked as private.
    February 21, 2018 at 3:30 am #915157
    Ismael

    Hi,

    We would like to create an example but the login credentials above are not working. Please check it carefully.

    Best regards,
    Ismael

    February 21, 2018 at 8:54 am #915322
    remcodeb
    This reply has been marked as private.
    February 21, 2018 at 3:30 pm #915506
    Ismael

    Hi,

    Thank you for the update.

    We set the layer type to HTML and then use this markup.

    <a href="#">iPhone 7</a>

    In the Quick CSS field, we added this code.

    .layer-slider-button:hover {
    background: red !important;
    color: blue !important;
}

    Best regards,
    Ismael

    February 21, 2018 at 3:46 pm #915525
    remcodeb

    aaagh, yes, yes, thank you :)
    you made my day :)

    February 21, 2018 at 5:26 pm #915569
    Jordan Shannon

    Hi,

    Did you need further help on this topic?

    Best regards,
    Jordan Shannon

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