Search Results for 'css'

Hello isd,

If you want to change the Load More button you will have to use some CSS code because our theme does not have any predefined styles for this button, sorry! Notice that anything else you want to change regarding on style you have to use some CSS code. You should make your custom CSS and for this, I suggest you reading our useful tutorial here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello,

Sorry but there is no setting for the comments style in our theme. If you have css skills you can add a few css styling rules to get the comments closer to how you want them.

Thanks

Hello jonesdanny,

Ensure that you have chosen the Video Format from the post editor, like this -> https://www.screencast.com/t/gqZspWODXy
If is not what you mean and if you want to remove this icon, try the code below and place it in Theme panel ->Custom CSS.

The code is ->

.td-video-play-ico{
display:none;
}

Thanks for your understanding!

Hello,

Unfortunately this comes from wordpress, not the theme. You will have to edit the wordpress css files and find this class: .wp-embed and change the background color from white to your preferred color.

Thank you!

Hello Andreea,

For the big grid background you can simply add this css in your theme panel-> custom css box:
.td-big-grid-post .td-module-thumb{
background-color:white;
}
There is also a gradient that is destined to make the post title visible on brighter images. Let us know if you also want to remove that as well.

As for the cropping, unfortunately the theme thumbs cannot be changed easily. The theme uses it’s own cropping system and specific thumbs are created for each element in particular. Here is a list of thumbs used in our theme: https://forum.tagdiv.com/theme-thumbs/
The thumbs can only be changed by altering the theme code. Unfortunately there is no simple solution to change the size of the thumb.

Thank you!

Hi,

That code you are using hides the default theme header, and entered in the mobile theme Custom Css will hide it on mobile only. It seems to work properly from what I can tell on your website
– https://www.screencast.com/t/ZAq9TRwPrR
– https://www.screencast.com/t/ELjKsnBJ10
If you want the code to apply in other situations, like on tablets as you mention, try entering the code in that respective section as well – https://www.screencast.com/t/pmse44nP
There is no option to remove the grid present on the pages while using the mobile theme, or replace it with something else. This grid displays posts from the featured category. If you want to achieve something like this you will have to use a plugin maybe, or make modification to the theme files. The mobile theme was designed and optimized to provide the best performance on mobile devices, and to be as minimal as possible
– https://forum.tagdiv.com/the-mobile-theme/

Thanks

If you disable speedbooster and the problem goes away it means you are not removing the correct stylesheet from the plugin or you did not clear the cache after you removed the code. If you want to alter the style.css you will have to create the color change css code and add it at the bottom of style.css but you will need a bit of css skills for it.
Thanks.

I understood perfectly what you mean, but there is a css somewhere on your site that does not allow you to change the color it seems. Please contact us on our email address at contact@tagdiv.com and provide a link to your site and wp-admin (login information and admin rights) so we can login and investigate. Please also include a link to this conversation.

Thank you!

Hello,

Unfortunately the css method will not work properly as the cropping is already made. This has to be changed on a coding level. Sorry but in order to change the theme cropping system you will have to edit the theme code as mentioned in the theme api documentation. If this is too complicated for you I suggest hiring a freelancer to help out as this represents customization and is not covered by the theme support.

Thank you!

Hi,

Unfortunately the theme does not have meta data control for the mobile version in particular. These elements are enabled or disabled for all versions of the site at once.
If you need to only activate the data on mobile, you will have to enable it and then hide it on desktop and tablets using css.
Enable the date from the theme panel and then use this css in the theme panel->custom css box:
@media(min-width:767px){
.td-post-date, .td-post-author-name span{
display:none;
}}

Thank you!

Hello,

You will have to use font awesome for menus and use the html implementation, not the css one. Our theme only works well with the html of font awesome. Here is an example: http://fontawesome.io/icon/snowflake-o/
Add the whole code next to the menu item name:
<i class="fa fa-snowflake-o" aria-hidden="true"></i>
https://www.screencast.com/t/i5b6dIFU8v

Thanks.

Hi,

For the footer you can change the font color sing the theme options
– https://www.screencast.com/t/tidRwIka
As for the sidebar there is no specific setting to change the font color, you could use some css to do it
– https://www.screencast.com/t/AJOkuVfqci8s
If you could provide details about what and how exactly you would like to change the font on the two blocks in the sidebar, I will give you a solution.

Thanks

For a custom css simply use the custom css box as it will also keep the code after an update (huge + as any altering of the theme files will be lost when updating)
Unfortunately altering the cropping system cannot be done through css. If you want top change the cropping you will have to go more in depth as this guide shows: https://forum.tagdiv.com/td_api_thumbupdate/ If you want to create new thumbnail, it will need a bit more than a few css lines.
Now referring to the screen you provided, the only difference I see is the grid being a bit narrower than the default. You are very vague in exactly, precisely what you want to do. That is why this topic seems to go on longer than it should. It will be pretty difficult to disable the grid for a specific category due to how the element was created so reducing the height of the grid could be a possible solution but it depends on the names of your authors as if the name will be longer it will exceed the height of the menu item. https://www.screencast.com/t/uHuv6k4cljxq
As you can see when the author name falls on 2 lines, the category tag gets cut off
@media(max-width:767px){
.category-obituaries .td_module_mob_2 .td-module-thumb{
height: 116px;
}}

You can maybe remove the category tag as well:

@media(max-width:767px){
.category-obituaries .td-post-category{
display:none;
}}

I hope this helps.