Support » Theme: Spun » CSS call to make side arrows visible

  • Resolved Blue Cordial

    (@blue-cordial)


    Hi Caroline,

    I have been developing a site with your wonderful spun theme for nearly 2 weeks. Thank you. During that time I have read and re-read all posts and comments here re changing the side nav arrows to be visible at all times and change colours. I can override, with Jetpack css, to modify most that I need to … EXCEPT the side arrows.

    I am talking css and transparency in my sleep … would you please direct me to the id which will modify these arrows.

    Many many thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Can you provide a link to the demo’s website where the arrows are? I can’t find them.

    HI, I just modifed my Spun by putting this in the Child style.css sheet:(The only thing I changed was ‘opacity: .777’ ) color: rgba(230,230,230,.5); you would change for color and beginning opacity I am guessing.


    .site-content #nav-below .nav-previous a,
    .site-content #nav-below .nav-next a,
    .site-content #image-navigation .nav-previous a,
    .site-content #image-navigation .nav-next a {
    color: rgba(230,230,230,.5);
    display: block;
    font-size: 200px;
    font-size: 20.0rem;
    line-height: 100px;
    opacity: .777;
    position: fixed;
    top: 0;
    width: 120px;
    height: 100%;
    z-index: 1;
    }

    Hi Andrew,

    If you click on one of the blog posts (circles) on the demo site, then hover mouse to very right or left of screen, the double arrows show light grey (upon hover). Need to make these a permanent colour.

    Does that help?

    Oh Happy …. I am so happy 🙂

    I had done that previously but had not included each id. Included all, changed colour to the one I wanted 🙂

    Very very happy !

    Thank you 🙂

    you are welcome!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS call to make side arrows visible’ is closed to new replies.