- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi,
I’ve enabled SSL on the website and now I get a lot of errors that the theme CSS and JS are being loaded via an unsecure HTTP protocol. The website doesn’t load properly.
I have WP Super Cache plugin installed and configured as per the theme’s documentation. I don’t know if it might be causing the issue or not. Seems like if I disable cache and then reenable it again, the website functions well for some time…
How can I fix the errors?
Make sure you properly install theme. Clear all caches, or turn them off, disable any CDN setup. Remove any caching elements from your .htaccess file.
Check your htaccess file and wo-config.php file for any oddities breaking CSS loading.
Make sure you’re using modern web browser, not dead one like Safari for Windows, or IE8, etc.
If your site is mixed http/https, make sure you have that fixed to ONLY load via https and not both.
Make sure your domain resolves properly to either www or no www and not both.
Make sure WordPress works properly with default theme first.
Hello,
I have a problem with the logo of my site http://velikotarnovo.com when it displays on desktop copmuters.
As the site loads, there is a missalignment between the logo and the 728×90 google ad that displays. I have defined the size of the logo as 275×90 in the style.css file, because I thought the default size you have given there is causing this, but it seems that is not the case.
Please help.
Thanks,
Peter
Note, that I usually change the theme name; however this does not actually “hide” which theme is being used due to the fact that style classes (td_) and ajax/css folders don’t get renamed.
I have found it more useful to change the name of wp-content to assets, and change the theme folder to “mycompany” (whatever), but it won’t stop a smart person from figuring out which theme you use completely.
Using something like mod_pagespeed on server also helpful to remove comments and spaces dynamically.
But if you “know what you’re doing” also remember there are things like readme file, theme snapshot image file (png), etc.
Basically you can make it harder for folks to see what you’re using, but a smarty pants could see the code, then do search online for similar code, where nothing is obfuscated.
Doesn’t hurt to do this kind of thing, just not actually hiding it all.
Put another way, a hacker can easily figure out which theme you’re using, and which plugins (I could).
I sometimes have two or more subcategories within one main category. For example: North America -> USA -> Louisiana or Europe -> Great Britain -> Scotland.
The categories are shown above the post title in each blog post, but only the level I have chosen (Louisiana or Scotland) and one level up are shown. I would like all category levels above the one I have chosen for each post to be visible within each blog post. http://www.ladiesabroad.se/2016/09/new-orleans-usa.html
CSS change is OK.
Thanks from Lena
Hi
I would like to have the captions of all pictures centre aligned instead of left aligned as they get now. I do not understand how to align them myself. CSS change is OK.
Todays appearence with left aligned captions http://www.ladiesabroad.se/2016/02/att-saga-hejda-till-ett-pass.html
Thanks from Lena
http://screencast.com/t/9DX6AhvUw
.forum-titles{
color:Red!important;
}
#bbpress-forums .bbp-forum-freshness a, #bbpress-forums .bbp-topic-freshness a{
color:white!important;
}
As for the alignment, you translated bbpress and the css cannot handle the long words you translated it to. Please use shorter words for your translations.
Thanks
Hello,
1)Please provide more details about your problem because I do not exactly understand what you mean. If you are referring to the sibling category -> http://screencast.com/t/Fdiw5IKrt1, please notice that these are not affected by the plugin and these will randomly appear on the website.
2)You should change the category template if you do not want to display any other siblings who probably are not related to your category. Consult here -> https://forum.tagdiv.com/newsmag-category-templates/
@meinPekaWe, you should use the code below and place it in Theme panel->Cusotm CSS area.
The code is ->
.td-header-border:before, .td-weather-week:before, .td-weather-information:before{
background-color: green!important;
}
The result is here -> http://screencast.com/t/eRlZ7nNda
Thanks for the message!
Hello,
Try this code instead:
.td_block_big_grid_7.main_listing h3.entry-title a{
font-size: 13px!important;
}
Add the code in the theme panel->custom css box
Thank you!
Hi,
– Your alignment seem ok now that you removed the sidebar: http://screencast.com/t/8pynnZsztZP I cannot see any other display problem
– I already provided the css above for the author link and the forum titles http://screencast.com/t/nuafNx4RpVGO
– I don’t understand this part: Widget login/register exist? to instal above forum? (mobile)
Thanks
Hello campagnuolo,
If you want to move to the right the main menu you should use a bit of CSS code to do that.
#menu-td-demo-header-menu-1{
float:right!important;
}
The result you should see here -> http://screencast.com/t/3KqzbiJaKaSw
Thanks for the message!
Hello,
– You do not have to remove the whole menu. Just the login section. Add this code to your custom css:
@media (max-width:767px){
.td_ul_login{
display:none!important;
}}
– for the forum titles:
.td-black #bbpress-forums .bbp-forum-title{
color:Red!important;
}
– for the user name
#bbpress-forums .bbp-topic-freshness a{
color: white!important;
}
Also there is something wrong with your sidebar. That is why the content gets too narrow and the text go one on top of the other. Please disable the sidebar from the template settings of the theme panel like so: http://screencast.com/t/5PshiQ0j0of2
– the IP does not show up on my end: http://screencast.com/t/xmqHmZI0xd
Thank you!
Hello bidhi,
If you want to change the font size for your Trending Now feature, you should use a bit of CSS code and place it in Theme panel->Custom CSS area.
The code is ->
.td_block_trending_now .entry-title a {
font-size: 20px;
}
The result you should see here -> http://screencast.com/t/0AWPu7elr40I
Thanks for the message!
Hello,
That code will not work in tour case. The thing is, css will not be able to recognize which tag is which. You can remove a tag just by it’s position in the list. The first one, the second one, the third one, and so on…but what if the tag you want to remove is not always in that position? CSS cannot remove a tag by it’s name because tags do not have particular classes to be removed particularly.
If you want ohide tags it;s best to simply hide them from the theme panel: http://screencast.com/t/l6fHvuYVIl or remove the tag from the specific post.
You cannot remove the tags using css as it will affect all posts and it will remove the position not the tag. ANy tag that will be in that particular position will be removed.
Thank you!
Hello,
It will not happen only on safari as the mobile theme does not recognize any post style. It will convert all post styles to a single one that shows a featured image. There is no setting to remove the featured images from posts on the mobile theme except through css. If you require selective posts to not show the featured image, we suggest disabling the mobile theme plugin and using the responsive version of the theme.
Thank you!
Hello champagnemigraine,
Please keep in mind that the theme panel settings does not cover the Visual Composer elements. If you want to make some changes in this regard you should create your own CSS for this. Try the code below and place it in Theme panel->Custom CSS area.
.wpb_posts_slider .wpb_heading {
background-color: green;
color:red;
}
.vc_separator.vc_sep_color_grey .vc_sep_line {
border-color: red;
}
The result you should see here -> http://screencast.com/t/cKoJ0jFnQTol
Thanks for the message!
Hello WebK,
You should try to use your inspect browser and try to target the specific classes and you should create your own custom CSS code. As a hint, you should consult your useful tutorial in this regard, like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for the message!
Hello xtrabit,
You should use the code below and place it in Theme panel->Cusotm CSS area.
.comment-list .comment-content{
color:red;
}
The result -> http://screencast.com/t/LNPNkbs3Nb
Thanks for the message!
Hello, Yes the problem is still there .as i have said i ghave installed the theme via ftp, disabled childtheme and all plugins.. still the same.. even tried csutom css align text but it did not work either.. where i can send the screen shots? you want me to send you screen shot of centered text?
Hi,
I have tested the code on your homepage and it works as expected: http://screencast.com/t/dWQYiNBp5
Please add it to the theme panel-> custom css box and make sure the css above it is properly closed.
Thank you!
Hello raunakniroula,
I guess that you want to decrease the spaces between main menu and logo and ad section, right? So, if you want to do this, you should use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-header-sp-rec img {
margin-bottom:0;
}
.td-header-sp-logo {
margin-bottom:0;
}
.td-main-logo img{
margin-bottom:0;
}
The result you should see here -> http://screencast.com/t/kZhDK0OqhtEC
Thanks for the message!
There are two tags that I want to hide from the posts: “Games Videos” and “Entertainment Videos”.
Here you can see the tag Games Games: http://leveltoday.com/elite-dangerous-coming-ps4-ps4-pro-support-2017/5897/
And here’s the other tag Entertainment Videos: http://leveltoday.com/new-star-wars-rogue-one-footage-premieres/5924/
I could provide a CSS code to achieve it, looking for the forum I found the following code, but it did not work:
.td-tags li:nth-child(31){
display:none;
.td-tags li:nth-child(35){
display:none;
Hi everyone !
What is the best practice to implement new framework/library ?
I want to add a new page, which allows users to take a quick test.
Technically I need to add vue.js framework and implement some custom js code, with my layouts and css.
Thanks for support !
Hi Catalin,
I wasn’t able to find any customizations that we made (none to the actual code-base, by the way), that would have caused this. But I ended up just making some minor updates to the styles.css which has fixed the problem.
thanks,
Michael
Hi,
I am using a big grid to display my most recent posts. I would like to customise the grid slightly. For example, I would like to add a feature that the opacity changes when hovering over a single blog post. So far I have only figured out how to change the opacity on hover for the entire grid (by giving it a custom class name and then adding relevant css). Is there a way to change the styling for individual items within a big grid?