Search Results for 'css'

Hello Padraig,

You should use the following code and place it in Theme panel -> Custom CSS area.

The code is ->

.td-module-thumb img{
border:1px solid green;
}

Thanks.

Hello Josuesantana,

Unfortunately, the theme will only apply the category tag to be with that colors and the other elements will receive the general theme color. So, if you want to achieve another functionality in this regard, notice that you should edit it yourself the theme core files and add some custom CSS code for that case. So, if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hi,

That could be done in two ways, either make modifications in the code and replace the icon with the text you want
– https://www.screencast.com/t/2cAAwME6
Or maybe use some CSS to replace the icon with a text, like in this example
– https://www.screencast.com/t/e7JbQeXg

.td-icon-mobile:before {
content:'Menu';
}

In either cases further design would be needed to style the text since text is not supposed to be displayed in that location.

Thanks

Hi,

Try a code like this, see if it works for you
– https://www.screencast.com/t/Jc8FUkB4gZn
It will place the menu link on the right as you want

.header-search-wrap {
right: 54px;
}
#td-top-mobile-toggle {
position: absolute;
right: 0;
}

Enter it in Theme panel->Advanced CSS in the phones section.

Thanks

Hi,

Then the code should be like this, to enable the scroll on mobile
– https://www.screencast.com/t/FFAIvpdTl

.td-scroll-up-visible{
display:block;
}

Enter it in Theme panel->Advanced CSS in the phones section.

Thanks

Hi,

The rows can have a background video, color or image
– https://www.screencast.com/t/OzPqvggRU6FC
Check the CSS tab in the row settings, there you can set a background color or image.

Thanks

Hello syahrizal.mu,

Notice that table does not come with our theme, sorry! If you want to change this you should edit the table and add some Custom CSS code to remove the border.

Thanks for the message!

Hello Padraig,

Unfortunately, the theme does not have any such an option that allows you to import only some parts of a demo, sorry! Or all or nothing! Notice that each demo has own style and if you want to combine more than style from different demos you should do it yourself because this task involves doing more additional customizations and we cannot provide something like this at the moment, sorry! Please notice that each demo has the own style code in demos folder, demo_style.css -> https://www.screencast.com/t/ZbMWYvMRxq.

Thanks for your understanding!

Hello oneprimalscream,

If you want to hide such a widget for a certain page, you should use a bit of CSS code for that page using the page ID. You should provide your website URL and specify exactly from where you want to hide the widget.

Thanks for the message!

Hello arirasanen,

You should change it with a bit of CSS code and place it in the custom CSS area corresponding to Mobile Devices from here -> https://www.screencast.com/t/tpFKPzLKK3
You should create your custom CSS code which you want according to the following useful tutorial from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ and target what kind of class you want for mobile devices.

Thanks for your understanding!

Hi,

That could be done with custom code in the theme Advanced CSS sections, for each module. Something like this for example, for all at once
– https://www.screencast.com/t/IzsSZrNfug
Or create code for each of them if required
– https://www.screencast.com/t/WpNO7c0JwAl
This is the code used in the example

.td_module_3 .entry-title,
.td_module_14 .entry-title,
.td_module_16 .entry-title,
.td_module_mx3 .entry-title {
font-size: 15px;
}

Such conditions can be created for other sections in the Advanced CSS fields.

Thanks

Hello,
Please add this code in your mobile theme custom css section:

@media(max-width:767px){
.category-el-temps .td-post-featured-image{
display:none;
}
}

Thank you!

Hello Ryansmccain,

Try to use the following code and place it in Theme panel -> Custom CSS area.

The code is ->

.td-scroll-up .td-icon-menu-up {
color: red;
}

Thanks.