Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 10, 2020 at 7:02 pm #1172288
    luciantstoian

    Hello,

    Apparently I have trouble styling my website. I’m not an expert,but i’ve been using Enfold for the last 7 years and this s the first time I’m having difficulties with this.
    I imported the Elegant Portfolio Demo, I almost finished adding the content and I’m trying to:
    1. Change the menu background colour
    2. Add a custom menu button and change it’s background colour and hover style, etc.
    3. Change button radius
    I tried to customise the styling through the General Styling menu, either by select a predefined color scheme or by changing each element at a time.
    I also tried the Advanced Styling options for elements like Menu Item Button with Border and Menu Item Button.
    Nothing works, I see no changes on the front end.
    What am i doing wrong? Is the demo content not allowing me to change these features?

    Thank you!

    Best regards,
    Lucian

    • This topic was modified 4 years, 11 months ago by luciantstoian.
    January 11, 2020 at 3:41 pm #1172392
    Mike

    Hey Lucian,
    I see that your Quick CSS code was to give the button a background color, but there was a small error in the code, I adjusted for you, and is now working, and your advanced styling option is giving the button text a hover color of black, which is working. So to add the border-radius I added it to your Quick CSS, please clear your browser cache and check and adjust to suit.

    Your css with the error:

    #top #wrap_all .av_seperator_big_border#header .av-menu-button-bordered > a {
    background-color: rgba(45, 189, 188, 1);
} !important

    the corrected css:

    #top #wrap_all #header.av_seperator_big_border .av-menu-button-bordered > a {
    background-color: rgba(45, 189, 188, 1) !important;
}

    the corrected css with the border-radius:

    #top #wrap_all #header.av_seperator_big_border .av-menu-button-bordered > a {
    background-color: rgba(45, 189, 188, 1) !important;
    border-radius: 50px !important; 
}

    Best regards,
    Mike

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