WordPress.org

Ready to get started?Download WordPress

Forums

Toggle Box
[resolved] Remove Line Spacing Around Toggle Box (8 posts)

  1. Xeno gto
    Member
    Posted 2 years ago #

    Hello, I'm trying to use Toggle Box in a list, where I had previously used hyperlinks to link to more content. I would like the titles to appear directly below one another without line spaces. I've tried the solution suggested in the thread "Removing the line after the Toggle title?" (toggle-box.php: remove the <p> and </p> elements in lines 19 and 21.), but this does not seem to have worked.

    I'm not an expert, but I was unable to find where the coding for the spacing is. Otherwise though I was able to customize the plugin to match the style/format of the rest of the page.

    Any help appreciated, thanks!

    http://wordpress.org/extend/plugins/toggle-box/

  2. zex2911
    Member
    Posted 2 years ago #

    Link to your site?

  3. Xeno gto
    Member
    Posted 2 years ago #

    Here is a dummy page I've made up showing what I mean. The first two sections "2012," "2011" are with toggle box, the sections below "2010" and "2009" are the way it should look, the hyperlink would link to another page with the info that would ideally go in the toggle box. I haven't found a way to make the toggle box titles appear directly above one another.

    http://www2.localghost.com/?page_id=396

    thanks!

  4. zex2911
    Member
    Posted 2 years ago #

    Add

    h3.toggle {
    margin: 0;
    }

    to your style.css.
    Can you please use pastebin to upload your page.php? Doesn't have to be entire page.php, just the loop. I can't see what it adding
    tag to your page.

  5. Xeno gto
    Member
    Posted 2 years ago #

    OK, Thanks. I've added

    h3.toggle {
    margin: 0;
    }

    to the style.css but it doesn't seem to have changed anything. I tried removing the breaks between the toggle box titles in the top section of the page ("2012"), which leaves just a double space, instead of a triple space like in the section below.

    here's the page.php: http://pastebin.com/psvXec1F

    thanks!

  6. zex2911
    Member
    Posted 2 years ago #

    How did you remove breaks? I can't see anything on your page.php that will guide me in the right direction. I added h3.toggle to the bottom of your style.css and it made TEXT like in the bottom 2010 and 2009 lines. Check it out

  7. Xeno gto
    Member
    Posted 2 years ago #

    That looks good, thanks. Like I said I'm not an expert though, I'm not sure how to apply those changes to the site, that's a bit beyond me...

    I removed the just removed the line breaks in the Visual editor

  8. Xeno gto
    Member
    Posted 1 year ago #

    Just a quick update -- I'm not sure how, but the problem seems to have resolved itself now, thanks for your help!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags