Support » Theme: Tiny Forge » Vertical Rules in gutters; Footer Widgets

  • Resolved jessicaclark

    (@jessicaclark)


    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Tomas Mackevicius

    (@tomasm)

    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;
    }
    Theme Author Tomas Mackevicius

    (@tomasm)

    Also it would be nice to see the site you’re building, when it is ready 😉

    Thread Starter jessicaclark

    (@jessicaclark)

    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!

    Theme Author Tomas Mackevicius

    (@tomasm)

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Vertical Rules in gutters; Footer Widgets’ is closed to new replies.