Search Results for 'css'

Hello hanakousuke,

Unfortunately, I do not exactly understand what you want to achieve. You should provide your website URL so I can inspect it closer and also, so I will be able to provide a more accurate code. Also, if you want to hide something else on your website, you should use a bit of CSS code to do it. For more information about how you should create your custom CSS code, please consult here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello Cavemantraining,

I guess that your demos is not right installed on your side, sorry! It seems that black color is not applied on the main wrap. As a quick solution, you should try using the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-main-content-wrap{
background-color: black;
}

I suggest you make a new clean install from scratch, via FTP way and use only the required plugins which come bundled with the theme core files and then, simply install the demo you like, clear all your caches and check the results. Should work as expected.

Thanks for your understanding!

Hi,

The text font on the search button can be customized in the theme panel
– https://www.screencast.com/t/DuYbGonZNW78
– https://www.screencast.com/t/rX14QcvYx
If you wanted something else, I could maybe provide you with a Css code in this case.
Unfortunately at the moment I don’t think there is a plan to allow modifications to the header elements, through the editor. You can only customize the width, font, color etc. with the options in the theme panel.
Maybe additional header styles will be added in future updates, but I could not say when this will happen.
If you want to try, you can make your own customization using the browser inspector to identify the elements used and their classes, in order to create custom code that you can use in the theme panel. Here is a guide if you want to try it
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

The code should work, probably you just need to clear the cache you have installed on your website to make it apply. Try entering the code in the Theme panel->Custom Css section and see if it works after you clear the cache.

Thanks

Hello dart,

Try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

.woocommerce-tabs h2{
display:none;
}

Thanks.

Hello komsak,

I suppose that you are referring to the appearance of a flash/time loading when you enter on your website, right? This behavior appears when you have additional customization through custom CSS code and also, I suppose that you are using the Speed Booster plugin. Please notice that the CSS are working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired custom code. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new fresh install from scratch with the latest version of the theme and check the results. Also, please make sure every time you cleared caches. Noticed that the only files where you will have to edit are style.css.
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!

Hi,

In that case you could do it like this, using some css. First enter a code that will hide all the post author names on all the blocks in the homepage, the enable it on just that particular block
– https://www.screencast.com/t/2aJLRizELCfh
In your case should be like this, the code will apply only for the homepage, if you want it to apply everywhere just remove the home class from the code. You must enter it in Theme panel->Custom Css section.

.home .td-post-author-name {
display: none;
}
.home .td_block_21 .td-post-author-name {
display: inline-block;
}

Thanks

Hello,

Unfortunately the theme can only count the default comments of WordPress. You replaced the default comments with the disqus comments plugin. The theme cannot count the comments from a plugin. Sorry. It is best in this case to remove the comment count from post, pages or author templates.
For posts and pages it can be removed from the theme panel-> post settings and theme panel-> block settings-> meta info on modules and blocks.
For the author templates you can use this custom css:
.td-author-comments-count{
display:none;
}

There is no simple way of having the theme count the plugin comments.

Thank you!

Hi,

Try inserting this code – https://www.screencast.com/t/qlgEQTvwfCz in the Advanced Css section in the theme panel
– https://www.screencast.com/t/iUZj3aZqWOy
Just move it from that section to the desktop section in advanced Css. This way the code will apply only on desktop where it looks properly. The mobile look will not be affected anymore by this padding.
Then enter the code provided below to remove the padding bottom on the category pages
– https://www.screencast.com/t/XmgWHSD7
You can enter the code normally, the padding appears only on mobile.

.category .td-category-grid .td_block_wrap {
padding-bottom: 0;
}

Thanks

Hello,

Some parts of the theme can only be changed through css.
You can add css code in the theme panel-> custom css box.
fort he breadcrumbs you can change their color using this code:
.entry-crumbs, .entry-crumbs a{
color:black;
}

The category boxes are handled on posts from the category color: https://www.screencast.com/t/DOUpZp9o
For other templates you can use this css code:
.td-post-category, .td-big-grid-meta .td-post-category{
background-color:orange
}

The post heading font can be made bold from the fonts section-> post titles
the subtitle color can be changed using this css:
.td-post-sub-title{
color:black;
}

Thank you!

Hi,

I have inspected your website, and I see that you have RTL installed. The theme does not support RTL direction at the moment, some elements will not work properly and problems like this will happen. If you want to customize the theme so it may work and display without problems in this situation, you will have to make changes to multiple elements and classes. The problem that happens with the menu is a direct result of RTL. Please try the code provided below and see if this works for you – https://www.screencast.com/t/11MiKvhTVbjJ
It must be entered in Theme panel->Custom Css section

#td-mobile-nav {
position: fixed;
}

Thanks

Hi,

You just need to enter the code in the Theme panel->Custom Css section
– https://www.screencast.com/t/NwJOaElHPK
The code will make the excerpt that is displayed on the mentioned block, the size you want.
If you wanted something else, please correct me.

Thanks

Hi,

You could hide the social icon you don’t want on mobile with some css, like this
– https://www.screencast.com/t/iQZesG6HT7B
Please try this code and see if it is working for you. Enter it in Theme panel->Custom Css

@media (max-width: 767px) {
.td-social-pinterest {
display: none!important;
}}

Thanks

Hi,

After further investigation it seems there is a problem with this post template, in the current version.
This issue will be fixed as soon as possible. We are very sorry for any inconvenience created.
In the meantime you could use this code to see if it fixes the image in this particular post template
– https://www.screencast.com/t/koQAE6JQxCRB
– https://www.screencast.com/t/eMr4TRm8SGxc
Try entering the code in the Theme panel->Custom Css

.td-stretch-height {
height: 100%;
width: 100.03%;
margin: 0;
position: relative;
}

Thank you for understanding!

Hi,

You could style the text logo tagline with a Css code. The default properties come from the demo style
– https://www.screencast.com/t/ZDL4usieH
Like this – https://www.screencast.com/t/W0LjXjJMltBO
This is the code used in the example if you decide to use it and further style the tagline

.td-politics .td-header-style-11 .td-tagline-text {
font-size: 15px;
font-style: italic;
}

Or you could make the changes directly in the demo stylesheet
– https://www.screencast.com/t/3zrcdgrEt

Thanks