Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 3, 2018 at 8:51 am #936367
    VCS33

    Hi,
    How can I separate the colour settings for links from those for buttons. I like how the submit button of the contact form looks and behaves now, but applying this to text links doesn’t look good. I tried via quick css but without success.

    Thanks!

    April 3, 2018 at 4:01 pm #936627
    Vinay

    Hey VCS33,

    It is not clear what exactly you are trying to achieve. Do check out the docs for button element, I hope this will help you find what you are looking for.

    If you still have any issue please point us to the exact page/post and let us know which section of the page we can view the element in question.

    Best regards,
    Vinay

    April 4, 2018 at 2:08 pm #937165
    VCS33

    There is one button below the contact form on the contact page of my website.
    The button shares the same styling (via general styling settings) as text links I would put in a text („Schriftfarbe für Links, Dropcaps und andere Elemente”).
    On the button the styling looks good. On text links it doesn’t.
    I would like to change this. I would like to use a different styling for a button than for a text link.

    I hope this is clear now.

    April 5, 2018 at 11:23 am #937612
    Victoria

    Hi VCS33,

    Do you mean that you want to apply different styles to this button?
    Image 2018-04-05 at 17.22.09.png

    How do you want to change it?

    Best regards,
    Victoria

    April 8, 2018 at 6:33 pm #938856
    VCS33

    Hi Victoria,

    I guess your screen shot shows the button of the newsletter form. I am talking about the button below the contact form on the contact page.
    I’d simply like to have it blue (#1b1166). When I change this via general settings, links in running texts get blue too, wich doesn’t make sense.

    Thanks!

    April 8, 2018 at 11:38 pm #938914
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    div .main_color .avia_ajax_form .button {
background-color: #1b1166!important; 
}

    Best regards,
    Mike

    April 9, 2018 at 11:58 am #939102
    VCS33

    Thanks, Mike!

    But now it’s even in hover state blue.
    I’d like to have it blue and when mouse over red.

    Cheers!

    April 9, 2018 at 12:41 pm #939134
    Mike

    Hi,
    Please try:

    .main_color .avia_ajax_form input[type='submit'] {
background-color: #1b1166!important; 
}

.main_color .avia_ajax_form input[type='submit']:hover {
background-color: #d62a2a!important; 
}

    Best regards,
    Mike

    April 9, 2018 at 5:01 pm #939311
    VCS33

    Lovely :-).

    Thank you, Mike!

    April 10, 2018 at 1:48 am #939521
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.
    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Button styling’ is closed to new replies.