WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Editing circle button with plus sign (7 posts)

  1. brandonrumsey
    Member
    Posted 1 year ago #

    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.

  2. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    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:
    http://wordpress.org/support/topic/how-to-remove-transparency-from-headertagline-and-menu-and-circles?replies=5#post-3715634

    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.

  3. brandonrumsey
    Member
    Posted 1 year ago #

    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.

  4. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    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.

  5. ninelives1980
    Member
    Posted 1 year ago #

    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!) :)

  6. mhoodallen
    Member
    Posted 1 year ago #

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

  7. TheGREATPhotobooth
    Member
    Posted 11 months ago #

    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 http://www.thegreatphotobooth.gr

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.