Search Results for 'css'

Hello

If you want to change the size for that images, you will have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->
.woocommerce div.product div.images img {
display: block;
width: 50%;
}
The result -> http://screencast.com/t/YBF7s9G3Omb9

Thanks.

Hello yachtsailingcharter,

Please notice that if you want to change the color for your reviews, you will have to use a bit of CSS code to do this. Please try the code below and place it in Theme panel->Custm CSS area.

The code is ->
.td-review-final-score {
color:red;
}
.td-review-final-star {
color:red;
}
.td-review-score span {
color:red;
}
The result -> http://screencast.com/t/r50OAuYhG

Thanks.

Hi,
If the white background of the mobile theme is what you are after, then you can use this css to do it:
.td-main-content-wrap, .td-category-grid{
background-color:grey!important;
}
Thanks.

Hi,

If you use the mobile theme then the code will not work. Please use this one instead:

.td-a-rec-id-header_mob{
margin-top:0!important;
}
@media(max-width:767px){
.td-a-rec{
margin: 0 auto 0; !importamt;
}}

Add the code in the standard custom css box, not the advanced one.

Thanks.

Hello thies,

Please notice that this website is very well customized by it’s owner and requires to spend a bit of time until you will bring this layout. Also, please notice that this website has the similar layout with our travel demo layout and if you want to bring this, please try to follow the below tutorial in this regard ->

This is the simplest solution of recreating the travel demo homepage on another demo. This cannot be done without the custom classes used by the travel demo.
Please follow these simple steps to recreate the travel demo homepage with another (or no) demo installed:

1)This is the ‘shortcode’ of the page layout. You can simply paste it inside to your page editor in classic mode and text mode: http://screencast.com/t/SUt9ItUc the code: http://pastebin.com/RAA6DkWp

2)The background image will not be found so you will need to add your own image in the row setting: http://screencast.com/t/yB2Bh0rbo

3)Please add this class: td-travel to the body of the website like so: http://screencast.com/t/fOt9sfquQtVy

This will be the result: http://screencast.com/t/vlZG4G8m1Xpy

4)In the final step, you will have to copy/paste the custom CSS for this demo travel from the core file, like this -> http://screencast.com/t/oQurpGTnM

Hope this helps!

Thanks for your understanding!

Hi,

Unfortunately css cannot make the image stretch over the content padding. If you want to remove the padding on the featured image, you will need to replicate the implementation from this style: http://demo.tagdiv.com/newspaper/td-post-if-you-only-knew-how-much-your-relative-churn-rate-matters/ This one has a separate container for the image apart from the default style which uses the same container. You are better off picking another post style as there are 14 to chose from. if you still require this customization, you can hire a freelancer to help out from sites like studio.envato.com

Thank you!

Hi,
Google does not recommend deleting anything. It only states to eliminate render-blocking javascript and css. That means moving the js and css rendering to the footer after the rest of the site is loaded. This can be done with the tagdiv speedbooster plugin that comes with the theme. Please read this topic to improve page speed: https://forum.tagdiv.com/how-to-make-the-site-faster/
Please also follow this topic for more information on speedbooster and to learn about it;s compatibility: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
Thank you!

Hi,
The overlapping bubles are supposed to be that way as you can see on our demo: http://demo.tagdiv.com/newspaper/ios-slider/ It;s your post name that does not have any spacing after it. You maybe have a css that afects it and makes it display that way. You can eithr find the css that causes it, or you can use this code for a quick fix:
.td_block_slide .td-post-author-name{
padding-right:5px!important;
}
Thanks.

Hi,

1) You can hide the post title with a css code like so:
.single .entry-title{
display:none!important;
}

2) The block size is fixed and is set here: http://screencast.com/t/68xOeiT3hvQf
If you wan to change this thumbnail, you can either chose another one from this list: http://screencast.com/t/691iCWyqiXBH and change it in the module or use the theme api and create your very own thumbnail like so: https://forum.tagdiv.com/td_api_thumbadd/.
Make sure you regenerate thumbnails after any change made to them

3) Please provide more details so I can better understand how to help.

Thanks.

Hi,
You can remove the css as the counter works fine: http://screencast.com/t/TgdWl1Xrx6X
The problem with the counter is the cache. it is affected by it and until all caches get cleared, the counter will not be able to pull the required information.
Thank you!

Hello alpsbox,

Please notice that you will have to alter the code from the modules which are used in your Blocks on the homepage. For example, if you are using the Block 3, please notice that this is using the module 1 and you will have to alter the code in td_module_1.php, like this -> http://screencast.com/t/ZQJTCB1zS For more information about blocks and modules used in the theme, please check here -> http://screencast.com/t/t872TIWrCtR
If you want to change the color for your post title on the homepage, please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.home h3 > a {
color:blue;
}
The result -> http://screencast.com/t/1GXUrd4M
For your second request, please try the code below.
The code is ->
header .td-post-views{
float:left;
}
header .td-post-comments {
float: left;
margin-right:20px!important
}
The result -> http://screencast.com/t/MCNlaCxnoH7

Thanks.

Hi,

If you want to reduce the space for mobile, you can use this css:
@media(max-width:767px){
.td_block_big_grid_1, .td_block_big_grid_2, .td_block_big_grid_3, .td_block_big_grid_4, .td_block_big_grid_5, .td_block_big_grid_6, .td_block_big_grid_7, .td_block_big_grid_8, .td_block_big_grid_9, .td_block_big_grid_10, .td_block_big_grid_11, .td_block_big_grid_12{
padding-bottom: 10px!important;
}}

As for the the second request, our theme doe snot have any options on the front-end for user profiles. You can try out a plugin like buddypress

Thank you!

Hello,
It seems the css of the ad itself is forcing the ad to go left. Please use this method to implement custom ads: https://forum.tagdiv.com/using-other-ads-non-adsense-ads/
Thank you!