Search Results for 'css'

Hi,

If you want to remove the arrow bottom, you can do it using this css code:
.sf-menu .td-icon-menu-down{
display:none;
}

Add the code in the theme panel->custom css box

Thank you!

Hello Noob,

If you want to achieve that border left between your menu items, you should use a bit of CSS code to do this. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-header-style-5 .sf-menu>li:first-child {
border-left: 1px solid #eee;
}

The above code is applied only for header style 5. So, if you will use another header style you should change the number and probably, you will need to do some adjustemnts. This is a quick solution.

Thanks for your understanding!

Hello,

1) If you already have a forum account, for the second registration please use the manual activation method: https://www.screencast.com/t/Mff5x0WM

2)The large picture on the travel demo needs to be added on the row in the tagdiv composer like so: https://www.screencast.com/t/cpRFY60bH

3) We recommend using the tagdiv composer, not visual composer as we will no longer develop new options for visual composer but rather for our own page builder. Both page builders only work on pages in our theme.

4) On pages, the modules and blocks in our theme will only show a thumbnail of the video .you will not be able to play the video except by accessing the post and playing it from there.

5) Sorry but there is no plugin that can tie into our page builder. You will have to use the tiny mce editor provided as on the web there is no editor like word. On the web fonts and sizes are changed through css and coding. The theme panel offers font settings but they will affect more elements, not just the box you want to affect.

Thanks.

Hi,

This was an important detail you should have mentioned.

If you want to make just the comments RTL, then remove the previous css and use this one:
.RTL_Post .comments{
direction:rtl;
}

Thank you!

Hello,

You can use a bit of css to remove the image from block 11 if you need it without an image. Add this code in the theme panel-> custom css box:

.td_block_11 .td-module-thumb{
display:none;
}
.td_block_11 .item-details{
margin-left:1px!important
}
.td_block_11 .td_module_10 .entry-title{
padding-left: 1px;
}
.td_block_11 .td_module_10 {
padding-bottom:5px
}

Thank you!

Hi,

If you are using block widgets, their title backgrounds can be changed in each of their settings like this
– https://www.screencast.com/t/uhEXvcXhEI

For different widgets that do not have these settings, you could try a code like this and see if it works for you (the color can be changed to what you need)

.td-footer-wrapper div
.td_block_template_4
.td-block-title span {
background-color: yellow;
}

The code must be entered in Theme panel->Custom Css. If it does not work properly, it would be helpful if you could provide a link to your website, and I will give you a more accurate solution.

Thanks

Hi,

The guide provided above explains how to move different stylesheets and scripts, using the Speedbooster plugin. Follow the steps, and enter the code as specified in the functions file. You will see a list with all the css and js that are loaded on your website and their Id’s. The rest of the instructions are provided with details in the same guide.

Thanks

Hello 1CBAR1,

If you want to change the colors you should check the theme panel at the Section Theme Colors and change from there what colors you want. -> https://www.screencast.com/t/jdHscyZIQQ2s
Also, you can use a bit of CSS code to if you want to change the image which is applied to all block header, like this -> https://www.screencast.com/t/jdHscyZIQQ2s

Thanks for your understanding!

Hello,

Sorry but our theme does not have such options to change the direction of the text based on specific categories.
You can try to do make a custom code implementation for this process to be easier. It is a simple 2 step process.
You can add a custom body class on the posts belonging to your category and then apply css to the new class like so:

1) Ad this code in functions.php:

add_filter( 'body_class','my_body_classes' );
function my_body_classes( $classes ) {
if ( in_category('Gadgets') ) {
$classes[] = 'RTL_Post';
}
return $classes;
}

Example: https://www.screencast.com/t/xyOvs6S8ESw
Replace ‘Gadgets’ with your category name.
Now all your posts belonging to the category you specified will get a custom class you can target with css.
Now you can use this css to change the direction of the post title and content to right to left.

2) Add this css code in your theme panel-> custom css box:
https://www.screencast.com/t/6FZNA1fsARvk

.RTL_Post .post header .entry-title, .RTL_Post .td-ss-main-content{
direction:rtl;
}

Thanks.