Menu

Hello munvik,

Provide your website so I can take a closer look.

Thanks.

Hi,

Enter this code in Theme panel->Custom Css, now the menu should remain the same when sticky

.td-header-style-3 .td-header-menu-wrap.td-affix {
background-color: black!important;
}

Result – https://www.screencast.com/t/DiacL2Hm
Thanks

Hi,

1. Post template style 2 is supposed to display like that – https://forum.tagdiv.com/post-templates-2/ you should use Post template 1 for that result – https://www.screencast.com/t/YHeUkOu2
2. If you are talking about the formats options above the post edit section – https://www.screencast.com/t/o4EJ2UlZh9L it would require proper coding skills to add more options
3. Please provide more information because I do not understand what you are trying to accomplish using a smart list.

Thanks

Hi,

1. This a template style 2 post – https://www.screencast.com/t/e0rbRUKl1ZEC and this a post template style 1 post – https://www.screencast.com/t/leMNeHDpIRf – https://www.screencast.com/t/vQspTtI3cBz If you are using Visual composer in posts please note that the editor is meant to be used only in pages – https://forum.tagdiv.com/how-to-use-visual-composer/ and it is not tested in this regard.

2. Those options originate from td_config.php found in the theme folder->includes – https://www.screencast.com/t/bpDkTM8Ygvp

3. Smart list does not affect this in any regard and we had no issues or any user feedback in this matter.

4. You could replace the pagination in other smart-list styles with the one in Smart list style 8 by editing the smart list file – https://www.screencast.com/t/yo8Ikq50ed1 – https://www.screencast.com/t/ZPHwjQBJbyY

5. Try using these clases to customize .td-smart-list-button in some styles or .td-left-smart-list .td-right-smart-list in others but it depends of the smart list style that you use

Example

.td-smart-list-button {
color: yellow;
background-color: red;
}
or
.td-left-smart-list, .td-right-smart-list {
color: yellow;
background-color: red;
}

Thanks

Hi,

You could try to use this code, maybe it is what you wanted to make Smart list style 8 look like

.td-smart-list-dropdown-wrap .td-smart-list-button {
color: white;
background-color: black!important;
border-left: none;
border-right: none;
}
.td-smart-list-dropdown-wrap {
border: none;
}
.td_smart_list_8
.td-smart-next {
float: right;
}
.td_smart_list_8
.td-smart-back {
float: left;
}

With this result – https://www.screencast.com/t/VELRskoWRry
Thanks

Hi,

The code should work on both the upper buttons and the ones below becouse they use the same classes as you can see here in my test – https://www.screencast.com/t/o1aBVq0ksc6 or use !important after each line, also please check any other custom codes you may have entered it theme panel, as it could be preventing it from applying
As for the width of the dropdown you could make it wider using this code

.td-smart-list-dropdown-wrap .td-smart-list-dropdown {
max-width: 70%;
}

Result – https://www.screencast.com/t/bDfCpkynmSR

Thanks

Hi,

Remove the previous code entirely and enter this one, it should work now

.td-smart-list-dropdown-wrap .td-smart-list-button.td-smart-next {
background-color: #fc0000!important;
color: white;
border-left: none;
}
.td-smart-list-dropdown-wrap .td-smart-list-button.td-smart-back {
background-color: #fc0000!important;
color: white;
border-right: none;
}

.td-smart-list-button.td-smart-next {
float: right;
}
.td-smart-list-button.td-smart-back {
float: left;
}
.td-smart-list-dropdown-wrap {
border: none!important;
}

Result – https://www.screencast.com/t/JEvZjg0PG – https://www.screencast.com/t/jnljGw6l
As for the width of the dropdown, it adapts to the length of the title used, you could make it of a fixed larger width but keep in mind that it should maintain it’s responsiveness as well. So you could use a code like this

.td-smart-list-dropdown-wrap .td-smart-list-dropdown {
width: 50%;
}

Result – https://www.screencast.com/t/RZCvSSshheb

Thanks