Search Results for 'css'

Hello Vaniquest,

I have checked your website and I saw that your style.css file is not loaded and that’s why you do not bring any style of your website, as you can see here -> https://www.screencast.com/t/eritonbD -> https://www.screencast.com/t/gAcqXv3iWHC sorry! I recommend you to make a full backup to your database and then, you should re-install the theme via FTP way because this is the surest method in this case. Also, if the problem is still there, you should contact your hosting provider, tell this issue because it could be possible to be a server problem and from various reasons the style.css file is not loaded on the server. Also, if you are using some untested plugins, you should remove all of them, leave just to active only the required plugins, clear all the caches, purge CDN files if you are using the CDN system and check the results.

Thanks for your understanding!

Hello Hadzi7,

Try the code below and place it in Theme Panel->Custom CSS area.

The code is ->

.td-social-pinterest{
display:none!important;
}

Thanks.

Hi,

You could use some css code to modify that heading size
– https://www.screencast.com/t/2BwsZGJEkp
The default value for the heading is 30px, you could modify the code the way you want, then enter it in Theme panel->Custom Css

.category .td-page-title {
font-size: 20px;
}

Thanks

Hello dmalhotra,

If you want to make these changes you should try the code below and place it in Theme Panel->Custom CSS area.

The code is ->

.td-post-template-1 .td-featured-image-rec {
float: none;
width: auto;
}
.td-post-template-1 .td-post-featured-image{
float:left;
}
.td-post-template-1 .td-post-content p:first-child{
clear:both;
}

The result is here -> https://www.screencast.com/t/DP88RyzZPG7u

Thanks for your understanding!

Hi,

There would be no need for such major changes. Please note that the Prepare time and other elements that you mention in this screenshot
– https://www.screencast.com/t/Vs7Y5thB
These are simple HTML elements that have corresponding classes, defined in the Recipe demo
– https://www.screencast.com/t/YEx1W8HtDyM
– https://www.screencast.com/t/NOWNpUHE21L
If you want to achieve something similar simply recreate the HTML structure using the same classes and enter the CSS code provided above in the Theme panel-Custom CSS section.
You can find more using your browser inspector, to analyze the elements on the page, and their classes
– https://www.screencast.com/t/J34akXLZz33o
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Here you can find more information about post formats
– https://forum.tagdiv.com/post-formats-for-tinymce/
Regarding the logo, the Recipes demo uses Header style 11. This header style does not have a limit for the logo size. You can use any image you like
– https://forum.tagdiv.com/logo-favicon/

Thanks

Hi,

It would be possible with custom CSS code. By default there is no option to change the background color of the inner containers. If you could provide a link to your website and specify what exactly you would like to change and where, I will try to give you a solution.

Thanks

Hi,

We try to answer all the topics as soon as possible. This is done form oldest to newest. If you reply in your own topic before it has been answered, it will only refresh the date and move it further in the line.
I have inspected your website and I see the problem you mention. It seems that there are classes missing from your theme stylesheet. That is why these elements are displaying like that. Maybe you have made modifications to the theme files of any kind especially the CSS file.
A solution would be to reinstall the theme, and this should fix this issue
– https://forum.tagdiv.com/install-via-ftp/

Thanks

Hello esthederm_alex,

Try the code below and place it in Theme Panel -> Custom CSS area.

The code is ->

.td-gallery-slide-content{
display:none;
}

Thanks.

I wanted to say that images make up to more page speed than render blocking js and css. I meant to leave them for last and figure out all other implications. If everything else is in chack I can only recommend speedbooster if you say you know how to use it. However speedbooster will not be able top move ALL of the js and css to the footer. It has not been tested with every plugin out there.
Plaese rad the page speed guide again as all the info regarding speedbooster is there as to how to use it. Also please check your system status screen to see if it;s even active dues to plugins: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/

Please know that page speed is not covered by the thee support. We try to help out where we can but please note that page speed customizaion is not covered in the support policy: https://forum.tagdiv.com/support-policy-2/

Thank you!

Hello,
This happens because of the custom nature of your infinite loading block. The css does not apply properly as the css code was created for pages not posts. In ordewr to replicate the design on posts you should reoplicate this css: https://www.screencast.com/t/jQLkhngrjWnc
Thanks.

Hi,

That related section that you mention is coming from the Jetpack plugin not from the theme. Maybe the plugin has the option to not display the date on the posts.
Or maybe you can try a code like this, if there is no setting for that
– https://www.screencast.com/t/08bTMqIxu

.jp-relatedposts-post-date {
display: none!important;
}

The code must be entered in Theme panel->Custom Css if you decide to try it.
If you want to disable the default theme Related articles section, you can do that in the theme panel
– https://forum.tagdiv.com/related-articles/

Thanks

Hello imambudianto5,

First of all, I will thank you for coming to the forum! Please keep in mind that we do not want to provide technical support to the Dashboard because there can be many pirates and we do not want them to see our solutions given to customers who paid our theme and that’s why we insisted on writing us here and not there. Please understand us and in the future, write us HERE.

Please notice that each demo has an own design and global class and the theme does not have any such an option that allows you to make any mix between demos but only if you will make it from the code.
As a hint, you should take the following HTML code and add it in your post and then, use the CSS below, placed in Theme panel -> Custom CSS box.

.td-recipe-time {
width: 100%;
border: 1px solid #ededed;
padding: 11px 16px;
margin-bottom: 26px;
}
.td-recipe-time br {
display: none;
}
.td-recipe-time .td-recipe-info {
float: left;
width: 33.3333%;
/* responsive portrait tablet */
}
@media (max-width: 1018px) {
.td-recipe-time .td-recipe-info {
width: 100%;
}
}

The result is here -> https://www.screencast.com/t/VkdJfQCD

Notice that is not a simple task 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 services at the moment, sorry!

Thanks for your understanding!