Sidebar Tabs with Links « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Choices

Sidebar Tabs with Links

11 posts from 5 voices

Started 6 months ago by Maku64
Latest reply from Maku64
This topic is closed
This topic is not resolved

Tags:

Maku64
Member

Hi there,

i can not find to connect a sidebar tab with a link - every help is much appreciated!

Posted 6 months ago #
Kiwy
Member

Heya,

You can access your sidebars via your widgets menu in the admin back-end

http://www.yourweb.com/wp-admin/widgets.php

Here you can add available widgets to the sidebar.
You can easily drag and drop to different elements.

Wordpress will autosave every modifications.

Goodluck,
K

Posted 6 months ago #
Maku64
Member

hi kiwy,

thanks, but this is not what i am looking for.
i need to know how i can connect a sidebar tab instead of content like toggles with pages via a link!

Posted 6 months ago #
Ismael
Moderator
Hi,

Do you mean when you click on a sidebar tab it links you to a page? Unfortunately this is not possible on the sidebar tab shortcode. You need to modify the sidebar tab function to make this kind of change work. You can hire a freelancer/developer for this job.

Or you just want to put a link inside the sidebar tab content? You can use html tag like this This is a link to page inside the sidebar tab content.
```
[sidebar_tab_container initial_open="1" boxed='false' ]

[sidebar_tab icon='Android.png' title="Title 1"]<a href="LINK HERE">This is a link to page</a>[/sidebar_tab]

[sidebar_tab icon='Apartment_Building.png' title="Title 2"]<a href="LINK HERE">Content with a link</a>[/sidebar_tab]

[/sidebar_tab_container]
```
Regards,
Ismael
Posted 6 months ago #
Maku64
Member

Hi Ismael,

thanks for it - i assumed this solution before, but it looks not really nice.

which options do i have more to make the sidebar links more visible (bold, bigger, etc.)?

best regards

maku64

Posted 6 months ago #
Devin
Moderator
Hi Maku64,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
.sidebar_tab_title {
    font-size: 13px;
    font-weight: bold;
}
#top .sidebar_active_tab {
    color: #333;
}
.main_color .sidebar_tab {
    color: #919191;
}
```
You can then adjust each of those values to modify the font size, weight and color of the active tab and the non-active tabs.

Regards,

Devin
Posted 6 months ago #
Maku64
Member

hi devin,

i tried both(quick css and custom.css) and edited the font size, but isn't working!

is the formula wrong?

regards

maku64

Posted 6 months ago #
Nick
Moderator

Hi,

Please provide a link to the page that you want styled, otherwise it's very difficult to guess how you constucted the page since there are multiple ways to achieve the same goal.

Thanks,

Nick

Posted 5 months ago #
Maku64
Member

hi nick,

here is the side: http://marcanthonysilver.com/123opt1/get-a-quote/

thanks

maku64

Posted 5 months ago #
Devin
Moderator
Hi maku64,

It looks like you are not actually using the sidebar tabs but instead the regular tabbed shortcode. So what you'll need to do is try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
.js_active .tab {
    font-size: 13px;
}
```
I've already changed the font size from 11px to 13px so adjust from there as needed.

Regards,

Devin
Posted 5 months ago #
Maku64
Member

Hi devin,

great - works like a charm!

many thanks!

maku64

Posted 5 months ago #