Search Results for 'css'

Hi,

The them doesn’t serve scaled images it uses the WordPress’s built it thumbs system, however some of this images could get scaled or stretched trough css on mobiles due to theme’s responsiveness.

Thanks

Hi,

Unfortunately we have’t tested the theme using the WpDiscuz plugin so I can’t offer you an exact answer on this. I did accessed your site and also noticed that same behavior on chrome also.
Please let me know what theme version you sue and also make sure you disable all plugins also, leave just the VC plugin active, empty all caches, purge files if you sue CDN host, also disable all js/css/html compression and test again.
I’ll also add this on our todo list for further testing.
Let me now how it goes!

Thanks

Hi,

Just decrease the width from the above code to reduce the images size on mobile and and if you want to hide the excerpt on mobile please use custom css to hide it: http://screencast.com/t/XMmQSva2S9L

@media (max-width:767px){
.home .td_block_11 .td-module-thumb .entry-thumb {
width: 150px !important;
}
.home .td_block_11 .td_module_10 .td-module-thumb {
position: relative;
float: left;
margin-bottom: 20px;
}
.home .td_block_11 .td_module_10 .item-details {
position: relative;
min-height: 135px;
margin-left: 200px;
margin-bottom: 40px;
}
.home .td_block_11 .td_module_10 .item-details .td-excerpt {
display: none;
}
}

If you don’t have basic css/html experience I suggest to get someone to do this for you as we cannot offer custom work. Sorry!

Thanks!

Hi,

@ShinAkuma5 – You have to compress the images and enable gzip compression – http://screencast.com/t/DrmfFEsgf4sT
Check this guide – https://forum.tagdiv.com/how-to-make-the-site-faster/ – https://forum.tagdiv.com/topic/tutorial-pagespeed-2015/ – https://forum.tagdiv.com/topic/pagespeed/

@Christopher – It looks like an empty before element, you could use css to remove it: – http://screencast.com/t/u8Q6ppLOD0h

.widget_recent_entries ul li:before {
display: none;
}

Thank you, Emil G.

• This reply was modified 11 years by Emil G.

Hi,

@Chris
Thanks for the feedback!
I had a look at this and did found an issue with the recent posts widget.
This was caused by the line height: http://screencast.com/t/k9s67Yd6
You can use the css below to fix it until theme’s next version.

.widget_recent_entries {
line-height: 10px;
}

@Finland
Sorry for the inconvenience!
1. I had checked your site’s mobile version to noticed that it look fine now. That happened due to cache. Clearing it should solve it.

2. We’re currently working to add an option to disable the lazy loading feature on images. It will be available soon.
If you don’t need/want this feature you can use the custom css from below to make the images load with the page.

.td-animation-stack .entry-thumb, .post img {
opacity: 1 !important;
}

3. This issue is under our attention also and we’re currently working on finding the cause of this. We will provide fix for it as soon as possible.

Thanks

Hi,

Unfortunately theme doesn’t have an option for this, you can try to use Chrome inspector tool and take a look how this is made on that site – http://screencast.com/t/x9OioH6ps889 and try to add a css code for your menu also.
I suggest you get someone to help you with this if you don’t know how to do it as we cannot provide any custom work. Sorry!

Thanks!

Hi,

When the video format is used it is apply some padding top to paragraph, please try this custom css: http://screencast.com/t/VHle7f1d3

.format-video p {
padding-top: 0px !important;
}
.format-video .td-post-text-content {
padding-top: 11px !important;
}

Hope this helps!

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/8ieUjvdSfTz0

.single .td-g-rec-id-custom_ad_1{
float: left;
}

For google adsense you have to use td-g-rec-id-custom_ad_1 instead of td-a-rec-id-custom_ad_1 as I did not use adsense in my example.
And now you can hide one on mobile screen from Theme Panel > Ads: http://screencast.com/t/OcID8FG4Ua

Hope this helps!

• This reply was modified 11 years by Alin [tagDiv].

Hi,

Please edit you header style file and add a div with your logo image like this: http://screencast.com/t/Bd731Jokkn
And add some css code in Theme Panel: http://screencast.com/t/S6drJO1XY5vw

.yourclass{
float: right;
}

Also if you want to hide it on mobile please use this custom css:

@media (max-width: 767px){
.yourclass{
display: none;
}
}

Hope this helps!

Hi,

Please try this css for right border on posts: http://screencast.com/t/0tbHNTbi5aaV

.single .td-container-border:after{
background-color: white;
}

You can replace pinterest social button with your button here: http://screencast.com/t/0k7uhHTN – http://screencast.com/t/YYbPxKzH
When you update the theme Theme Panel customizations should not be deleted(only theme’s files modifications) but if you want to be sure you can make a backup anyway.

Thanks!

Hi,

You can try to use a fixed width also on mobile view like this and display title and excerpt under the image :http://screencast.com/t/eSzFdzj99vl

@media (max-width:767px) {
.home .td_block_11 .td-module-thumb .entry-thumb {
width: 180px !important;
}
}

Also if you want to display it the same like on desktop please use this css in Theme Panel > Custom Css: http://screencast.com/t/QLMicNRJF6Z
But on very small screens it will look like this: http://screencast.com/t/pHeQo2yiOz

@media (max-width:767px){
.home .td_block_11 .td-module-thumb .entry-thumb {
width: 180px !important;
}
.home .td_block_11 .td_module_10 .td-module-thumb {
position: relative;
float: left;
margin-bottom: 20px;
}
.home .td_block_11 .td_module_10 .item-details {
position: relative;
min-height: 135px;
margin-left: 200px;
margin-bottom: 40px;
}
}

Hope this helps!

Hi,

You can try what css code you want/need in Theme Panel > Custom Css. I just explained to you how this new custom ads will be centered and apply some margin top, to look just like default custom ads. If you don’t have basic css/html experience I suggest get someone to help you with this as we cannot offer any custom work.

Thanks!