Search Results for 'css'

Hello jgreenwood,

Please try to use the page template+page title because this type of template has been designed to use the default sidebar -> http://screencast.com/t/kCS8ufZcK1ko Also, if you do not want to have the page title, please notice that you can hide it with a bit of CSS code.

.td-page-title {
display:none;
}

Thanks for your understanding!

Hi,
Speedbooster cannot move everything out of the box. You need to add the js and css for what does not get removed by hand as exemplified in the tutorial. Please also use this topic to learn about how to change the priority for speedbooster so it can detect more render blocking elements: https://forum.tagdiv.com/topic/help-in-using-speedboost/
Please note that render blocking elements do not add too much speed to your site. You will have to check the other sections as well and use a caching plugin (we recommend wp super cache.)
Please handle all of the options in this guide (https://forum.tagdiv.com/how-to-make-the-site-faster/) and leave render blocking for last.
As for the css, if you use speedbooster and move style.css to the footer, you will need to edit the colors directly in the file by editing it with a text editor (notepad++ or similar) and changing the colors by hand: http://screencast.com/t/sNwxBK99DoRd
Thank you!

Hello Bichareh,

Unfortunately, our theme has not been designed to offers you a way to increase or decrease the width. Please notice that our theme does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode (for example), please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results. If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thank you for your understanding!

Hi,

Unfortunately the ad block does not have options to switch ads based on the device used. You can use css to hide the desktop ad on mobile and vice-versa but this will not work properly for adsense. On custom ads it has no impact. You can use a custom class on the row that contains the ad so you can target it with css. and then after you have classes for both ad blocks, you can use css like so:
.mycustomclass_1 .td-a-rec{
display: none!important;
}
add this code in the mobiles section of the advanced css box: http://screencast.com/t/ZSXr3qOUlKbh
and
.mycustomclass_2 .td-a-rec{
display: none!important;
}
and add this in the desktop section.
PS, you need you change the classes in the code to the ones you add to your rows.

I hope this helps.
Thank you!

Hi,

The author box element was designed to work as a list, so there is no easy way of making it accross the whole content. you can however use 2 author blocks on a split row so you have 2 columns of authors. You will have to filter the authors for both blocks so you do not have duplication.
For the author thumbs you can use this css to make avatars round:
.td_top_authors img{
border-radius:35px!important
}
Note that the author avatars can be circles as the problem you mentioned comes from the aspect ratio. If an image is ‘wide’ and not square, you cannot make it a circle. if you want to have circles on your homepage, please use a block that uses square images like block 21 for example: http://screencast.com/t/TPI0J2hIbEOh
You can make a square round but not a rectangle.

Hope this helps.
Thank you!

Hello,
If you want this to be a block on the homepage, you can simply use css to do it like for example if I would like to change the images on a block 7:
You would add this css in the theme panel->custom css box:
.td_block_7 .td-module-thumb .entry-thumb{
border-radius: 35px;
}
result: http://screencast.com/t/u7xwCePWPiV3
I hope this helps.
Thank you!

Hello,

Thank you for your appreciation.
1) You can use this css code to remove the top padding:
.home .td-main-page-wrap{
padding-top: 10px!important;
}
add the code in the theme panel->custom css box/

2) I’m not sure exactly how you want to separate the search. You can add a few css effects to the icon if you like for example:
.td-icon-search{
border: 1px solid lightgrey;
}
result: http://screencast.com/t/a7wW2VCAI
or maybe

.td-icon-search{
border-left: 1px solid lightgrey;
}
http://screencast.com/t/0QWMWxawIoe

3) Optin forms are added with plugins so I;m not sure exactly how you want the form. The details are pretty vague. You already have a full width slider from revolution slider plugin so you only need a form and content below the slider. For this you can use visual composer:
https://forum.tagdiv.com/how-to-use-visual-composer/
https://forum.tagdiv.com/block-settings-guide/

Hope this helps.

Thank you!

Hello,

Please notice that you will have to add your all custom CSS code here -> http://screencast.com/t/Op54501U

Thanks.

Hello OllieConnolly,

Unfortunately, our theme does not have such an option that offers you a way to change the fonts for the mobile theme, sorry! So, if you need to do that, please notice that you will have to use a bit of CSS code for achieving this. I suppose that you want to increase the font-size for your post content and for this, please try the code below and place in Theme panel->Mobile Theme->Custom CSS code -> http://screencast.com/t/v7jR5gnNH

The code is ->

.td-post-content p {
font-size:20px!important;
}

The result -> http://screencast.com/t/OsMl8CFAJVq

and if you want to make it bold your heading you will have to use the following code.

h1, h2, h3 {
font-weight:bold;
}

Thanks.