Support ForumFooter Widget Area – How to add vertical line separators? – Support Forum

Footer Widget Area – How to add vertical line separators?

motionrays — Tue, 24 Nov 2015 15:33:00 +0000

Hi
How can I separate in the footer the widgets area with lines?
Like here:
https://tutorbee.tv

Thanks

Reply To: Footer Widget Area – How to add vertical line separators?

IshYoBoy — Wed, 25 Nov 2015 08:02:24 +0000

Hi motionrays,

you can add this lines into your footer with your custom CSS code in “Theme Options -> General Options -> Custom CSS”.

Here is example:

.ish-part_footer .widget {
    border-right: solid 1px #666666;
}
.ish-part_footer .widget:last-child {
    border: none;
}

.ish-part_footer .widget {

border-right: solid 1px #666666;

}

.ish-part_footer .widget:last-child {

border: none;

}

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Footer Widget Area – How to add vertical line separators?

motionrays — Wed, 25 Nov 2015 09:26:05 +0000

Many Thanks

Reply To: Footer Widget Area – How to add vertical line separators?

IshYoBoy — Wed, 25 Nov 2015 09:44:17 +0000

Sure thing, we’re glad we could help ;)
Cheers

—
If you are happy with our theme and support please rate us in your Downloads Section on ThemeForest. A 5 star rating is always a great motivation for us!

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Footer Widget Area – How to add vertical line separators?

motionrays — Wed, 25 Nov 2015 10:05:39 +0000

Another question, how can I make the lines all the same height?
Currently it looks like:
http://www.videoplane.ch

Thanks

Reply To: Footer Widget Area – How to add vertical line separators?

IshYoBoy — Wed, 25 Nov 2015 12:11:32 +0000

Hey,

Try adding the code below. Don’t be afraid to experiment with it.

.ish-part_footer .widget {
    min-height: 160px;
}

.ish-part_footer .widget {

min-height: 160px;

}

Cheers.

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Footer Widget Area – How to add vertical line separators?

motionrays — Wed, 25 Nov 2015 12:16:55 +0000

Perfect, thanks.

Reply To: Footer Widget Area – How to add vertical line separators?

IshYoBoy — Wed, 25 Nov 2015 12:36:42 +0000

;) You’re welcome!

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Footer Widget Area – How to add vertical line separators?

motionrays — Wed, 25 Nov 2015 16:35:01 +0000

I hope this is the last question on this topic :)
How can I hide the lines in responsive mode, does not look good.

Thanks

Reply To: Footer Widget Area – How to add vertical line separators?

IshYoBoy — Thu, 26 Nov 2015 06:29:08 +0000

Hi motionrays,

this css code will hide your lines for resolution 768px and smaller than 768px:

@media (max-width: 768px) {
  .ish-part_footer .widget {
    border: none;
  }
}

@media (max-width: 768px) {

.ish-part_footer .widget {

border: none;

}

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market