Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 17, 2019 at 7:56 pm #1079701
    NMDKDesign

    Hi,

    i tried to modify avia fullwith button (border radius) but it did not work.

    I activated css class option in “Enfold” -> “Layout Creator” and tried different css code snippets from support forum via Quick CSS and in custom.css file. Both did not work.

    I also tried to modify button with extra plugin “Yellow Pencil Live CSS Editor” but it did not work.
    Can you help me to find a solution?

    Thanks in advance
    Regards
    Nik

    March 17, 2019 at 10:03 pm #1079720
    Mike

    Hey NMDKDesign,
    Sure, can you tell us what code you are using and what it is targeting so we can try, if it fails we can examine the reason.
    Please include a admin login in the Private Content area.

    Best regards,
    Mike

    March 17, 2019 at 11:34 pm #1079740
    NMDKDesign

    Hi Mike,

    i tried

    body div .avia-button { border-radius: 10px; border: none !important; }

    and 

    /* Pill shape buttons */
.my-custom-button a.avia-button {
  border-radius: 100px;
}
    March 18, 2019 at 3:34 pm #1079917
    NMDKDesign

    Can anyone else help me?

    March 19, 2019 at 5:08 am #1080208
    Mike

    Hi,
    Thank you for the login. I took a look at your page and the 4 full width buttons, but they didn’t have the custom class “my-custom-button” as in your css above, so I added it to them.
    I then added this css to your WordPress > Customize > Additional CSS

    #top .my-custom-button a.avia-button-fullwidth,#top .my-custom-button a.avia-button-fullwidth:hover span.avia_button_background {
  border-radius: 100px !important; 
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    March 19, 2019 at 11:01 am #1080292
    NMDKDesign

    Hi Mike,
    thanks for your support!
    Is there a reason why you added css code to “WordPress > Customize > Additional CSS” instead of “Enfold -> Styling -> Quick CSS” ?

    Regards
    Nik

    March 19, 2019 at 12:03 pm #1080313
    NMDKDesign

    I really don´t understand it.
    If i cut out your css code and paste it in “custom.css” – nothing happens.
    Why? Is it because i have no child theme?

    March 20, 2019 at 6:33 am #1080664
    Mike

    Hi,
    Typically when you place the css in custom.css in the Appearance > Editor you also need to save the theme settings, the big blue button “save all changes” But sometimes there is also server caching, or a caching plugin that creates a lag in the css from showing up.
    I placed the css in WordPress > Customize > Additional CSS because I assumed that I was facing a caching issue while trying to assist with your request.

    Best regards,
    Mike

    March 20, 2019 at 10:21 am #1080733
    NMDKDesign

    Hi Mike,

    thank you so much for your tremendous help and explanations!

    March 21, 2019 at 1:57 am #1081117
    Mike

    Hi,
    Happy to help, I assume we can close this now, but I like to ask. Shall we close this then?

    Best regards,
    Mike

    March 21, 2019 at 10:00 am #1081291
    NMDKDesign

    Hi Mike, yes you can close this topic.
    Can you help me here : background color issue ?

    March 21, 2019 at 1:13 pm #1081367
    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
    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 12 posts - 1 through 12 (of 12 total)
  • The topic ‘CSS not working’ is closed to new replies.