vertical lines between subfooter menu items

I would like to add vertical black lines between menu items in the Subfooter.
see here: http://screencast.com/t/erSbFW97g
Thank you!

Hi

Please provide your site url so I can have a closer look and get back to you with a more accurate answer.
Thanks!

http://test.whoknewpodcast.com/blog/

Vertical line in subfooter menu: color #ff823a
Example:
HOME|ABOUT|CONTACT

Hi

Try this css:

.td-subfooter-menu li{
border-right: 2px solid #ff823a;
}
.td-subfooter-menu li:last-child{
border-right: 0;
}

Let me know how it goes.
Thanks

I would also like to ask how I can add bottom border to slider. Thin grey line.
I would also like to add: I appreciate your timely response and patients answering all our question for this theme. Your support is amazing and I can’t thank you enough for all your help. I know you must think to yourself if one more person asks me how to change menu items I’m going to lose it! 🙂 Thanks again.

More detail on above request.
Full width bottom border to slider. Thin horizontal line with color #00000.
I see you can add horizontal line in visual composer but not full width. Need to add code I guess in CSS.
Thanks.

Hi

Thank you for your kind words. We do our best to offer high quality themes and best support for our customers.

Try tis css: http://screencast.com/t/H8IHVyTkYYq

.td_module_slide {
border-bottom: 5px solid red;
}

Just change the color and border’s height value as you need.
Thanks!

I’m not sure…. code didn’t work? I put in CSS field like suggested.
http://beta.whoknewpodcast.com/beta/

Hi

The above code was intent to work with theme’s slide block. I have checked your site and didn’t found any slide. If you’re referring to a different element provide more detail about it and maybe I can help.

Thanks!

Sorry my mistake. I mean Revolutionary slider full width. It is all white right now so you can’t tell it is a slider but it is.. with one image.

[rev_slider alias=”BOBBY”]

Also is there any way to disable side bar on mobile devices.

Hi

Try this code for border:

.fullwidthbanner-container .fullwidthabanner {
border-bottom: 2px solid red;
}

Also to hide the sidebar on mobile use this code:

@media(max-width: 768px){
.td-main-sidebar{
display: none!important;
}
}

Thanks!

I would like to set footer widget text right down on sub footer menu text by decreasing footer padding.

footer text: http://screencast.com/t/Dww8fZOwGa

Footer widget that provide footer text: http://screencast.com/t/cBQIwQkFlW

Example:

The Who Knew’s mission is to provide stories worth hearing that evokes emotion and takes you on a journey into other peoples lives through the platform of sound.
Contact | Sponsor | Donate

Thanks!

I would also like to add social icons form top bar down to main menu next to search icon

See here: http://screencast.com/t/ZsdORcdl

Also the code you gave me for side bar hides main side bar in widget section not side bar in visual composer.
(home page, donate page ,..ect..)

Thanks for all the help!

Hi

You can use footer template 2 to display the text block, here is an example: http://screencast.com/t/fqe4iowhxsp – http://screencast.com/t/1nb26QcX0 – http://screencast.com/t/F1pXHarL1quX

Social icons were not designed to be displayed in main menu and to achieve that you’ll need some customization in theme’s files. Basically you have to edit the file corresponding with header style used and adapt the code. Also you’ll need some css to configure the layout.
This is a complex task which require lots of customiations in order to be achieved. Unfortunately we cannot offer custom work so if you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

To hide a specif column on mobile you can add a class for it in Visual Composer: http://screencast.com/t/jEmnnTLxr then use it in css like here:

@media(max-width: 768px){
.my-column{
display: none!important;
}
}

Thanks!

Hello again, I need some help. I moved the subdomain over to host and for some reason the slider is not aligning at top. I went into colors and turned on the grid lines and you can see a grid line on right and left side preventing slider from sitting at top of page. When grid lines are off or white you just see a space. I have tried all kinds of CSS from forum regarding space at top nothing works. I think I have to do this in editior php file.

Example:.home .wpb_revslider_element {
margin-top: 0px !important;
}
Example:.td-grid-wrap {
padding-top: 0px;
}

nothing works please help.
Thanks

http://tellallpodcast.org/