WordPress.org

Ready to get started?Download WordPress

Forums

Tiny Forge
[resolved] Vertical Rules in gutters; Footer Widgets (5 posts)

  1. jessicaclark
    Member
    Posted 8 months ago #

    Hi all,
    Firstly, I'd like to say thank you to Tomas - this is one of the best maintained support areas for a theme I have ever encountered and I truly appreciate your attention to people's questions!

    I am about to tear my hair out trying to add vertical rules between the footer widgets of my client's site. I tried doing it by calling out the individual widget areas with "border-right:" etc. and adding padding. This only results in each widget area having vertical lines up against the content.

    Trying to achieve something like the footer on this site - Brooklyn Gin

    Any insight would be greatly appreciated!

  2. Tomas Mackevicius
    Member
    Theme Author

    Posted 8 months ago #

    Replace this whole css block in section 12.1 of style.css (or just add it if you're using child theme):

    /* Three footer widget areas */
    	#footer-widgets {
    		width: 100%;
    		border-top: none;
    	}
    	#footer-widgets.three #footer-widget-left {
    		float: left;
    		width: 30%;
    		padding-right: 2.3%;
    	}
    	#footer-widgets.three #footer-widget-middle {
    		float: left;
    		width: 30%;
    		padding-left: 2.5%;
    		padding-right: 2.5%;
    	}
    	#footer-widgets.three #footer-widget-right {
    		float: right;
    		width: 30%;
    		padding-left: 2.3%;
    	}
    	/* Uncomment this section to add side borders to the middle footer widget */
    	#footer-widgets.three #footer-widget-middle {
        border: 1px solid #ededed;
        border-width: 0 1px;
    	}

    I will add this to the next version

    You also may add bigger gap between 3 widgets and copyright line:

    #footer-widgets {
    	margin-bottom: 10px;
    	margin-bottom: 0.714285714rem;
    }
  3. Tomas Mackevicius
    Member
    Theme Author

    Posted 8 months ago #

    Also it would be nice to see the site you're building, when it is ready ;)

  4. jessicaclark
    Member
    Posted 8 months ago #

    I will be happy to share the site when it's finished! I tired the above css;
    first I added it to my child theme, then I tried replacing it in the parent theme. No go ;/
    Just to make sure I wasn't throwing anything off with my child theme, I went ahead and commented out all my modifications to see if simply replacing it in the parent theme would work. Still no go !

    Any ideas? I will happily make you a login for the site since it is private if you feel like poking around ;)

    Thanks for your time!

  5. Tomas Mackevicius
    Member
    Theme Author

    Posted 8 months ago #

    Sure, my email is at the bottom of readme.txt

Reply

You must log in to post.

About this Theme

About this Topic