- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello harmario,
To minify the CSS, use the following tool – http://cssminifier.com/ Also, please notice that the W3 Total Cache plugin is not tested with our theme and we do not recommend this because it might cause a lot of unknown issues.
Thanks for the message!
Hi,
I see there are still a lot of js errors on the respective page that you are implementing that table, preventing the theme’s good functionality (thumbs not loading, search function and pagination not working) and also you are using multiple plugins, that I have no way of predicting which one is causing this and how they are affecting the theme’s css and js. I have no solution for this and can only suggest you try disabling them one at a time as a test and check the results.
Thank you for understanding
Hello~
I have 2 questions about profile field.
1) CSS in field
I made 4 skin types field which consist of 4 levels in user profile field.
these shows like below in profile edit page.
‘http://miinfra.co.kr/members/isamuel00/profile/edit/group/1/’
DS Level1
DS Level2
DS Level3
DS Level4
OS Level1
OS Level2
OS Level3
OS Level4
DD Level1
DD Level2
DD Level3
DD Level4
OD Level1
OD Level2
OD Level3
OD Level4
But I want to show like below
DS Level1 DS Level2 DS Level3 DS Level4
OS Level1 OS Level2 OS Level3 OS Level4
DD Level1 DD Level2 DD Level3 DD Level4
OD Level1 OD Level2 OD Level3 OD Level4
I tried to use ‘float’ function but,
#field_5 {float:left;}
it didn’t work.
How can I set that style in skin type in profile field?
2) How to show hidden text in view page in profile
Some text color is white, so it does show nothing.
How can I change text color from white to black?
Hello,
Unfortunately the logo text can only be changed using css. You can add this code in the theme panel-> custom css box:
.td-logo-text-container .td-logo-text {
font-family:Helvetica Neue;
color:red!important;
}
You can place the code in the theme panel-> custom css box.
Thank you!
Hello,
You can use this code in the theme panel-> mobile theme-> custom css box:
.td_module_mob_1 .item-details{
margin-left: 35px!important;
}
Thank you!
Hello,
Unfortunately we have not tested any such implementation. You maybe able to find a plugin that can allow this on comments as our theme does not change the default comments of WordPress. It only ads a bit of css to them in order to keep the overall style of the theme.
Thank you!
Hello Lewis,
1)The social icons can be added from Theme panel->Social Networks, like this -> https://www.screencast.com/t/WF8iWPkr
2)You should try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-icon-read-down{
display:none!important;
}
The result is here -> https://www.screencast.com/t/bHPWiBrLceb
From here -> https://www.screencast.com/t/4DlKvaXV you can change the color of your top menu bar.
I have added a 780×90 Adsense ad to Custom_ad_1 and added it into my article body like this:-
[vc_row][vc_column][td_block_ad_box spot_id="custom_ad_4" spot_title="Advertisement" tdc_css=""][/vc_column][/vc_row]
The problem is that the right side of the banner is being cut off because the body width seems to be less than 728 pixels.
What can I do to fix this?
Hello Moysh,
You should use a bit of CSS code to do this. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-header-rec-wrap{
display:none;
}
.home .td-header-rec-wrap{
display:block;
}
Thanks for the message!
Hello,
The demo-style.css is part of the theme demos. The css will be loaded only when the specific demo is installed. If you delete these files, and decide to install a demo, then the demo will have no more specific css. The demo will not work properly.
Thank you!
Hello,
The height from the site you exemplify is altered with custom css. It is not a theme default implementation but a customization. The lines as well. It is done custom, not using the default theme settings.
Thank you!
Hello Erythros,
Please notice that our theme does not have any such an option for it, sorry! If you want to achieve this, you should do it yourself because it is not a simple task and it requires to do some additional customizations. As a hint, you should target the containers you want and then, you should add a border. As an example, you can see the code and the results below ->
.td-main-menu-logo{
border: 6px solid green;
}
The result is here -> https://www.screencast.com/t/AFonY8KK07
If you want to display 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 additional customization at the moment, sorry!
If you want to create your own custom CSS code, you should consult our guide here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ because there you will teach how you can create your custom CSS code.
Thanks for your understanding!
Hello oilwire,
Please check your system status to be according to our documentation here -> https://forum.tagdiv.com/system-status-parameters-guide/ Also, please ensure that you are using the latest version of the theme. The Custom CSS boxes should work as properly.
Hope this helps and let us know how it goes!
Thanks for the message!
Hello truth,
If you want to change the style of your blockquote you should edit the code below and place it in Theme panel ->Cusotm CSS area
.td-post-content blockquote p{
font-family: 'Roboto',sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 400;
font-style: italic;
text-align: center;
text-transform: uppercase;
color: red!important;
word-wrap: break-word;
}
The result is here -> https://www.screencast.com/t/711W6nvnGv
Thanks for the message!
Hello Bourbon Trapper,
Please keep in mind that our theme does not have any such an option that allows you to add a background for your header section, sorry! If you want to add the background in that section, you should use a bit of CSS code to do that, as background-image which have to be applied to the header container. I saw that your website is a maintenance mode and that’s why I cannot access it.
Notice that below I gave you an example of what you can add some background to your header section.
.td-header-header{
background-image: url(http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/05/login-mod.jpg);
background-size:100% 100%;
background-repeat: no-repeat;
}
The result is here -> https://www.screencast.com/t/pjj4efICJR
Thanks for your understanding!
Hi!
I´m trying some plugins to minify CSS and improve the load page time but with W3 Total or any plugin, the website looks like if I view thw website like Google, I mean, like if I type cache:miwebsite.com.
Any help?
Thanks
Hi,
You can hide the logo on mobile using this code, just enter it in Theme panel->Custom Css
@media (max-width: 767px) {
.td-footer-logo {
display: none;
}}
And remove or change the footer text in Theme panel->Footer – https://www.screencast.com/t/eWBAtsgCJO and also you can change those items in the footer translations, in Theme panel->Translations – https://www.screencast.com/t/1MKQV1w6K
Thanks
Hi,
If you use the <!--nextpage--> in your post content it should have the same pagination as your home page – https://www.screencast.com/t/XeosGejP4m4 – https://www.screencast.com/t/6hFoCobVkMK Please provide more details about what and how exactly you want to change regarding pagination with css, and I will try to help you.
Thanks
Hello,
The color in the footer originates either from a custom css you added to the theme panel or a plugin that rewrites the theme css. Please remove any custom css from the theme panel and disable all plugins except visual composer, clear cache and reset cdn files if you use it.
It also affects the related articles on posts.
Thank you!
Hello aberniz,
Try the code below and place it in Theme panel->Custom CSS area.
.td-scroll-up {
display: none!important;
}
Thanks.
Hello pcservis,
13)Unfortunately, our theme does not have any such an option that allows you to change the post number displayed on the Category page, sorry! However, notice that exists a general option from panel from where you can set a general post limit number, like this -> https://www.screencast.com/t/KrWHBMsStP
14)Try thecode below and place it in Theme panel->Custom CSS area.
.td-main-sidebar{
text-align:center!important;
}
The result is here -> https://www.screencast.com/t/MwDYI1ac
15)I suppose that you are using the same name for your sub-categories with your categories and that’s why you have the same menu below your categories name.
16)This is the normal behavior of your category siblings if you have more than 6, 7 items. I have tested on my side as you can see here -> https://www.screencast.com/t/EKCluIjDGIgp
Thanks for your understanding!
Hello roqeem,
Unfortunately, I am a bit confused and I do not exactly understand what you want to achieve. So, regarding on preloading, please notice that our theme has an option for this effect which can be enabled for each Block from the Block Settings, like this -> https://www.screencast.com/t/K604Yc7A For more information about this effect, please consult our documentation here -> https://forum.tagdiv.com/what-is-ajax-preloading/
Also, regarding the latest custom CSS code which I gave you above, it is working as expected. This code will hide the gradient which is placed at the bottom section of images on Slider, like this -> https://www.screencast.com/t/jpFu5l3TDh -> https://www.screencast.com/t/UGoENXMCqR
If is not what you mean, please provide more details about what you want to achieve so I will be able to provide a more accurate response.
Thanks for the message and sorry if I wrong understand your request!
TagDiv speed booster is included in the /plugins/ folder with your purchased theme download from Themeforest.
Also note, that using child themes may not always be advisable as it’s a CSS redirect, and may slow down your site slightly.
Obviously you would have checked your site before/after with both Pagespeed Insights and perhaps GTMetrix to see the actual impact technically.
I have a google font that i would like to use specifically for the logo text and a color. I am currently using style 9 from the theme’s panel settings. See screenshot: http://prntscr.com/eaq399
Where can i change the default font for the logo and colors? Would that be directly from the editor? if so, where exactly is CSS code for this?
My problem has been solved. With the help of a custom css tweak all ads are showing up right now as they should.
.td-a-rec-id-sidebar img{
width: auto;
}
Thank you, it also fix for me!
Marcel