Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 3, 2019 at 10:02 am #1144411
    badoes

    Dear,

    Check homepage of website in private content.

    At the logo section – bottom of the page – you’ll find the logo navigation menu in the right top corner of the section.
    The logo control menu has an arrow left and an arrow right icon which allows you to scroll thru the logos.

    Enfold default, those are squares. On customer wishes we made them round using CSS.
    However now we have the challenge to center both the arrows for each round icon (left and right), within the icon.
    Currently they are not centered.

    I do not know how to accomplish such?

    Any help?

    October 4, 2019 at 8:03 pm #1145070
    Victoria

    Hey badoes,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
    line-height: 28px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 8, 2019 at 4:30 pm #1146214
    badoes

    Hi,

    This does not work.
    I added this in custom CSS
    #top .avia-smallarrow-slider .avia-slideshow-arrows a {
    opacity: 1;
    margin: 0;
    width: 28px;
    height: 28px;
    border-radius: 20px;
    line-height: 30px;
    font-size: 12px;
    margin-right: -6px;
    top: 0;
    }
    However from a clean perspective this is not 100% clean as arrows not seem to be centered.

    October 11, 2019 at 8:24 pm #1147239
    Victoria

    Hi badoes,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

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