Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 11, 2014 at 8:28 am #349230
    samanthashahani

    Hello there,

    So close to finishing up my site and I am wondering if it is possible to “hide” or “clip” part of the round “scroll-down link” so that it appears as a half circle, much like the great feature on the home page slider. The prior support that I was given helped me to create the arrow, but it created it in a circle, not a semicircle. Any help is much appreciated.

    Thanks!

    Samantha

    November 12, 2014 at 1:04 am #349798
    Elliott

    Hi samanthashahani!

    I’m not sure if it’s possible to create that kind of shape with CSS but you can create an image to use as the background instead. You can use this CSS to set the image.

    a.scroll-down-link { background: url("URL to your image") !important; }

    Best regards,
    Elliott

    • This reply was modified 10 years ago by Elliott.
    November 12, 2014 at 2:34 am #349815
    samanthashahani

    Thanks Elliott. It seems like the theme creates the semicircle (although its more than an exact half circle) at the bottom of the home page slider – its not possible to just replicate that code?

    To do as you suggest above, do I create the entire image as a semicircle with the arrow etc and then set it as the background or just the part I want to “hide”?

    Sorry, it just seems like if its already there on the home page there should be an easy way to make it work. The other option could be to have the color section overlay onto the bottom half of the circle. Is there a way to do that?

    Thanks for any thoughts.

    Samantha

    November 12, 2014 at 7:07 pm #350232
    Elliott

    Hi!

    That’s actually a full circle but it’s the same color as the next section so it blends in. You can see it by adding this to your custom CSS.

    #top .scroll-down-link { background-color: red !important; }

    You would just need to create the circle background image as a solid color with no arrow.

    Since your using the same color for each section it would probably be best to just make the background transparent so just the arrow displays.

    Cheers!
    Elliott

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