Support » Theme: Spun » Editing circle button with plus sign

  • Resolved brandonrumsey


    Hello! Thank you for a beautiful theme. I just revamped my website with it, and am making small tweaks to make it accessible to target viewers.

    One of the things I’d like to do is to make the lower button, a circle with plus sign in it, a little bit darker. I refer my website to older people (50+) quite often, and am concerned that they will not see/know to click on the charming little button.

    Also, I know CSS support isn’t available in this forum, but is there an easy tweak that would allow the button to show the footer information for a second, and have the circle retract the footer as the page loads? This would be a neat visual element that I’d like to incorporate if possible.

    Thanks so much, I’ve enjoyed reading nearly all of the topics and customizing the theme.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Caroline Moore


    Hi! Thanks, I’m glad you like the theme.

    You can increase the opacity of any elements in the theme, including the sidebar toggle, with the instructions posted here:

    And it’s not quite a simple CSS tweak, but if you’re familiar with jQuery you can change the script found in /js/toggle.js to briefly display the menu before hiding it. I’m not sure how to do this off the top of my head, though.

    I did see that transparency and opacity post. However, I’m not sure where the circle element is in the CSS script. I’ve tweaked a few opacity elements so far just trying to locate it, but have been unsuccessful. Thank you!

    Or rather the circle/plus sign button element is in the CSS sheet.

    Theme Author Caroline Moore


    The easiest way to find something like that is to use a browser addon like Firebug.

    Right- or Ctrl+click on the circle on your site, then go to Inspect Element.

    You’ll see the source, and any ID’s and classes associated with the element. In this case, it’s called .sidebar-link.

    Hi caroline, I just started using Firebug yesterday, and I found that the plus sign being .sidebar-link like you mentioned. I wish to remove it – how do I do so? Sorry as I’m so new….thanks for the theme though (it’s been the easiest for me to customise by far!) 🙂

    Hello Caroline, Is there anyway to remove the button with the plus sign in it? Thanks for your help 🙂

    I change sidebar.php file and i add this line

    <?php echo _x( 'more...', 'Open sidebar', 'spun' ); ?>

    instead of <?php echo _x( '+', 'Open sidebar', 'spun' ); ?>

    you can see it in

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Editing circle button with plus sign’ is closed to new replies.