Search Results for 'css'

Hello ravejungle,

The simplest way, in this case, is to use a bit of CSS code to hide it from a certain page. Another way, in this case, is to do this from the code. As a hint, you have to use is_single() condition to target the post page. For more references in this regard, please check the Codex here -> https://developer.wordpress.org/reference/functions/is_single/
If you want to develop more levels in our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hello,

If you want to change the post content font to be the same with the Desktop you should add a bit of CSS code inside the Advanced CSS section area from Theme panel here -> https://www.screencast.com/t/noJtxjiooZ9 and the code will be applied only for mobile devices.

.td-post-content p{
font-family: JameelNooriNastaleeq;
font-size: 20px;
font-weight: 600;
}

Hope this helps!

Thanks for your understanding!

Hello,

Are you sure speedbooster is active though? Please check: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
You can see in the system status screen if the plugin is active or has been disabled.
Also speedbooster will not be able to move ALL of the css and js to the footer as it will not work with untested plugins.

Thank you!

Hi,

It seems the thumbnails images are considered insecure, the website is trying to load them over http
– https://www.screencast.com/t/5WVjwn41KhL6
Please see these guides for SSL implementation, maybe they would be helpful
– http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
– https://css-tricks.com/moving-to-https-on-wordpress/
– https://yoast.com/dev-blog/move-website-https-ssl/
– https://forum.tagdiv.com/topic/moving-to-ssl/

Thanks

Hi,

That would be the live CSS feature from the composer. It should not cause any errors. There might be an option added to disable it, but for the moment it cannot be deactivated except through modifications in the code.
You could leave it like that, or try to reinstall the composer plugin. Deactivate as well all other plugins except theme plugins. Check if the issues are still present. Ultimately you could try to reinstall the theme by FTP
– https://forum.tagdiv.com/install-via-ftp/

Thanks

Hello,
Please try this css code in your style.css file:


.td-js-loaded .td-post-sharing{
transition:none!important;
}

Thanks.

Please add this custom css code in the theme panel-> custom code section

.td-category-header .td-page-title{
text-transform: none!important;
}

Thanks.

Hi,

The tagDiv composer has the same options for rows, columns and individual elements. These are located in the CSS tab. So you could place block 3 below block 12 first
– https://www.screencast.com/t/gb8rL1gDgYa
Hide block 12 on mobile
– https://www.screencast.com/t/YwSTr8taN2m0
– https://www.screencast.com/t/OsZQwGh47
Hide block 3 on desktop
– https://www.screencast.com/t/9pmbDcOiQI
– https://www.screencast.com/t/uiQ94RDcbPB
This would be the result on desktop (block 12)
– https://www.screencast.com/t/8aKN9PQmJzrK
And on mobile (block 3) – https://www.screencast.com/t/NFrm5bNGd2Wr

Thanks

Hello nikthehat,

You should use the media queries if you want to target the Revolution Slider for certain widths. For more information please check here -> https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks for the message!

Hi,

Enter this code in Theme panel->Custom Code->Advanced CSS in the phone section

.postid-163 .td-main-sidebar {
display: none;
}

It will remove the sidebar on that post only on mobile.

Thanks

Hello,

The sections you want an author and date do not have them by default as a design choice. You can add them custom if you like.
Please add this css to the theme panel-> custom css box:
.td-big-grid-post.td-medium-thumb .td-big-grid-meta, .td-big-grid-post.td-small-thumb .td-big-grid-meta{
font-size: 11px;
}
And then add this code in these 2 files:
<span class="td-author-date">
<?php echo $this->get_author();?>
<?php echo $this->get_date();?>
</span>

https://www.screencast.com/t/9BsRigN2Zv

Thanks.

Hello,

Yes, if you simply hide post views with css, the sorting option will still count the numbers.

Thank you!

Hello,

Upon checking your site I see there are no more big fonts. If you change a font on desktop it will also affect mobile devices. if you want to have big titles on desktop and smaller ones on mobile you will need to add this css in your theme panel custom css box or if you use the mobile theme in the mobile theme custom css section:

@media(max-width:767px){.td-ss-main-content .td-post-header .td-post-title .entry-title{
font-size:18px!important;
}
}

Thanks.

Hello aph100,

Notice that the Single image element has not been designed to display the caption of the image. You should use the Column text element and then, if you want to achieve the rounded corners for your images, you should use the border-radius property. Please check the following useful guide from here -> https://www.w3schools.com/cssref/css3_pr_border-radius.asp That property should have to be added something like this ->
img {border-radius:50%} It’s just a simple example.

Hope this helps!

Thanks for your understanding!

Hi,

What you are trying to do could be possible with then tagDiv composer. I see that you are using Visual composer, this has some options as well.
There is a setting that would allow you to hide columns on specific devices
– https://www.screencast.com/t/9sPFL11K
You could add block 3 that looks as you want on mobile in a column below block 12. Then hide block 12 column on mobile
– https://www.screencast.com/t/DcZzTqUL356r
And block 3 column on desktop
– https://www.screencast.com/t/MtYsoudx
That way block 12 is visible on desktop, and on mobile blocks 3 will be visible. Use the same sorting on the blocks to display the same posts. This would be a solution if you should consider it.
There might be a way to make block 12 similar to block 3 on mobile with CSS, but maybe the above solution would be better.

Thanks