Search Results for 'css'

Hi,

One of the category templates has to be set, they cannot be disabled. However I could give you a code to remove the category header for that particular category template you are using, the result is like this
– https://www.screencast.com/t/7pv1iZiMM2
– https://www.screencast.com/t/RpkdGqDAxgc1
This is the code, if you should consider it a solution enter it in Theme panel->Custom CSS section

.td_category_template_1 .td-category-header {
display: none;
}

Thanks

Hello,

Please remove the caching solution you have and the server optimization. If you move the style.css loading to the footer, you will be able to see this effect. One solution would be to change the color directly in style.css so the original color will be your own.

Thank you!

Hello,
The ssl implementation in our theme is just like any other themes. Please use these guides:
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/

Thank you!

Hello,

The update has nothing to do with your server configuration and your page speed optimization. Please use the page speed guide and make each step carefuly testing with google after each implementation.

*Your images are not optimized
*Check server response time: https://developers.google.com/speed/docs/insights/Server
*Eliminate render-blocking JavaScript and CSS in above-the-fold content using the speedbooster plugin
Please also read this topic on the speedbooster plugin: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
*leverage browser caching: https://developers.google.com/speed/docs/insights/LeverageBrowserCaching

I doubt you had all these set up before the update. The theme has nothing to do with the server config you have.

Hi,

I could give you a solution, please provide a link to your website for a more accurate solution. Maybe something like this is what you want to do (style 2 is used)
– https://www.screencast.com/t/7JrPADPU
Style 1 may need more modifications to look properly with this code
– https://www.screencast.com/t/nM6RPB9J7
This is the code used in the example, if you decide to use it enter it in Theme panel->Custom CSS section

.td_block_trending_now {
background-color:red;
}
.td-trending-now-title {
background-color:blue!important;
color: yellow;
}

Thanks

Hi,

The top bar was not designed for mobile devices and it will not appear.
The main menu items will appear like this on mobiles – https://www.screencast.com/t/arGXMCL5JB2 – https://www.screencast.com/t/QAFVilHTJcz

You could use a custom css to display the top bar on mobiles, please provide your site url so we can inspect this and try to provide a solution.

Thanks!

Hello bragavieirabraga,

I suppose that you want to create your own block header template, right? Notice that is not a simple task to do this. So, if you want to do this, first of all, you should register your block template in td_config.php like this -> https://www.screencast.com/t/Enwv63wPQw4 (example for block template 7) and then, after this was created here, you should start to customize it in style.css with your desired style, like this -> https://www.screencast.com/t/LjTP5xiq Itțs not a simple task and if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you becasue we cannot provide custom services at the moment, sorry! Another alternative, in this case, would be to target the whole class for block title, which is td-block-title -: https://www.screencast.com/t/jumM7zpo and then, using a custom CSS code you should start to customize it by your desire.

Thanks for your understanding!

Hello snowsbest,

The theme does not have any such an option for it, sorry! If you want to make this customization, notice that you should use the inspector browser, use it to check the elements which create these buttons and then, create your own custom CSS code to achieve as you wish. As a hint, please star from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hope this helps!

Thanks for your understanding!

Hello majosfuss,

1)Regarding this problem, you should check the following useful topic here -> https://forum.tagdiv.com/topic/header-style-8/ because there was explained this concept. I guess that you have done some customization with a CSS code, you are using the speed booster and that’s why the theme will display you first the default setups and then your customizations.
2)Unfortunately, the theme does not have any such an option that allows you to do that when the Ad Block is enabled. You should just use a bit of CSS Code to remove that white space but the theme does not know when exactly the Ad Block is enabled or disabled to apply this. This thing probably will have to be done with the code and we cannot provide custom work at the moment, sorry!

Hope this helps!

Thanks for the message!

Hi,

The big grid styles can be seen here in the demo
– https://demo.tagdiv.com/newspaper/big-grid-1/
On hover there is only a zoom effect, the gradient you mention is always present. This gradient color could be changed with some CSS. Like this for example, for the default big grid style
– https://www.screencast.com/t/hvAEtKIY
This is the code used, enter it in Theme panel->Custom CSS if you decide to use it
– https://pastebin.com/WUJi7twf

Thanks

Hi,

I could give you a code to make table use 100% of the available post content space, the result would be like this
– https://www.screencast.com/t/SAnt61zifg
Additionally you could increase the first column containing the list
– https://www.screencast.com/t/cY7YcQLw
This is the code for the table width

.td-post-content table {
width: 100%!important;
}

This for the first column, use it if you wish (you may modify it)

.td-post-content table td:first-child {
width: 105pt!important;
}

These codes will affect all the posts that have tables inside the content. Enter them in Theme panel->Custom CSS code section.

Thanks

Hello homzik,

Try to use the code below and place it in Theme panel ->Custom CSS area.

The code is ->

.td-scroll-up-visible{
display:none;
}

Thanks.

Hello,

In order to make the code from different demos work on another demo, you will need to adjust every piece of css as it targets that specific demo’s class. If you try to use just the business demo code, then you can add the td-business custom class on the body if the site: https://www.screencast.com/t/CyVM6G90BQ and paste the code in the custom css section

Thank you!

Hi,

You could remove it with a code like this

.td-instagram-element a:before {
border: none;
}

Enter it in Theme panel->Custom CSS code and it should remove the border while hovering the Instagram images.

Thanks

Hi,

That is the Live CSS option present in the admin bar
– https://www.screencast.com/t/8pzunCrDY2y
At the moment the only way to disable it would be in the code as shown, if it is absolutely required. An option for this may be added in the future.

Thanks

Hi,

Specific font options for the category title in the category page are not available at the moment. These have a predefined style in the theme stylesheet. You can preview the category templates in the live demo (Features menu)
– https://demo.tagdiv.com/newspaper/
The titles could be customized with CSS code if required, use the browser inspector to identify the elements and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello,

You can try this css in the theme panel-> custom css box.

.td-more-articles-box{
width: 290px;
}

Thank you!

Hi,

The tag description in the tag page does not have a specific font setting in the theme panel, at the moment. However the font properties for it could be changed with a code like this, according to your preferences
– https://www.screencast.com/t/5EEXSzPEpY
Enter the code in Theme panel->Custom CSS section if you decide to use it

.tag .entry-content p{
font-size: 15px;
}

Thanks