- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
There is a bug on the category archive page that happens whenever a style is used with more than 1 post per line like M1, M2,M3, M4, M5, M6, M7, M8, M9 without a sidebar.
If there is a title that is long, on the next line only the first article appear, skips 2 posts, and starts over on the new line.
Here is a screenshot: http://eventgenioso.com/wp-content/uploads/2015/12/Capture.png
Hi,
The theme has an option to add a site wide background and also you can add a specific background for each category. The articles will inherit the background you set on their category from panel – http://screencast.com/t/BmaWZkk3HyM
If you want to add it individual, it can be done via custom css like Bogdan stated above. So if you want to add a specific background for your homepage you can target it using .home class instead .page-id-xxx. For post pages you can use .single as general class for all your post templates.
There is no option to add 2 different background ad links in panel and you will need cusotm modifications for it and I suggest to get someone to help you with this as we cannot provide custom work at this time.
If you have other issues related to the theme please note that we will get in touch with you Monday – http://screencast.com/t/5EQlEtXSFCp
Thanks for understanding! Happy new year!
Hi,
You have a custom css with fixed height – http://screencast.com/t/BJsTFYS9 – http://screencast.com/t/TQHyDltR
If you have issues related to the theme please note that we will get in touch with you Monday – http://screencast.com/t/5EQlEtXSFCp
Thanks for understanding! Happy new year!
Hi,
The grid is part of the layout and if you remove it the layout may break. A solution may be to use custom css to change it’s color to match the one set on the background. I’ve tried to check your pages but i get this error – http://screencast.com/t/KDwXSJti
Let me know when the server is back and i’ll check those pages to see if there’s an easy solution.
Thank you!
Hi,
Please use browser inspector tool and take the menu item unique class and add your color via custom css in Theme Panel > Custom Code. Please check this topic as reference – https://forum.tagdiv.com/topic/different-colours-for-menu-buttons/
If you need more assistance regarding this or you have other issues with the theme please note that we will get in touch with you Monday – http://screencast.com/t/5EQlEtXSFCp
Thanks for understanding! Happy new year!
Hi,
As Bogdan stated above we did not tested any events plugin so we cannot recommend a specific one as you may need custom modifications to implement them and unfortunately the time doesn’t allow us to provide custom services, you may need to hire a freelancer to help you.
For your current example please try this custom css in Theme Panel > Custom Code – http://screencast.com/t/2JggO8nqF you may need also additional css modifications.
.single-ajde_events .td-footer-wrapper {
clear: both;
}
If you have other issues related to the theme please note that we will get in touch with you Monday – http://screencast.com/t/5EQlEtXSFCp
Thanks for understanding! Happy new year!
td speed booster + wp rocket + cloudflare and style.css minification your site will load around 1-2seconds
Probably need to add custom styles for the plugin since that’s not managed by theme.
Look at the page source to see the style class for that plugin’s button; then put some custom CSS over ride in theme panel.
Many plugins now have an option to put custom CSS as part of the plugin itself for when it loads its javascript for the show/hide function.
Sorry if that doesn’t help – just food for thought.
Hi,
How do l have bigger logo in my header? Please help me with the CSS code.
link: sansan.qriosity.com.sg
hello,
this code work fine
.page-id-XXX #td-outer-wrap{top:80px;}
I also prefer to use css, but my problem is that I have two different img backgrounds ad, one for the home page and the other for the posts page, and every new published post I should enter the css code in theme panel.
So, I should have two ad img background with the respective links, one for home page and one for the posts page.
All other pages should have no background img ad and #td-outer-wrap{top:0px;}.
thanks
Hi
Try this css in theme panel > custom code >custom css: http://screencast.com/t/EMeo9YlJ
.mailmunch-forms-short-code{
margin-top: 10px;
}
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hi,
As we have made a grid layout as seen on this page, but also have regular looking pages such as our frontpage we have run into a problem.
What I need is a CSS code, to remove the grid line color from 3 specific pages (listed below) – the pages are as follows:
I tried to write the CSS code myself, but did not suceed – the 2 pictures below just show what I tried to do, to remove the gray grid line color from the 3 pages above:


Can you help me with some CSS for those 3 specific pages (I suppose the CSS code is just to be inserted on each specific page) :-)? Thank you very much!
Hi
1, 2a, 3 Try this css: http://screencast.com/t/mWcUWC4XB4I – http://screencast.com/t/o7sO1Yzjqi
.footer-text-wrap p:last-child, .footer-text-wrap a{
color: orange!important;
font-size: 20px;
}
.td-header-sp-logo{
margin-left: 8px!important;
}
2. You need to edit td_footer_extra_bottom.php file here: http://screencast.com/t/oto919Wjg87T
4. You need to edit the td_footer_extra_bottom.php like here http://screencast.com/t/BO9FSouW
Let us know how it goes.
Thanks!
Hi,
We have made a “newsletter subscription” and put it in a widget. For all of our pages, we have corrected a bit of margin/padding to align everything – and that all works fine!
However, the question is as follows: Is it possible to add some padding/margin for that widget – only for the actual posts? We use the default site post tempate, but as seen below, the widget is connected to the menu at the top.

The picture above is taken from this site: a specific post
Is it possible to make some simple CSS to correct the widget (move it down a bit) for all the posts?
Thanks a lot for your time and effort!
Hello, I noticed the problem hasn’t been fixed for all the posts. The CSS code is now:
.td-post-content img {
display: inline !important;
}
.wp-caption-text > a {
display: inline !important;
}
.wp-caption-text img {
display:inline!important;
}
If I visit this page: http://www.gadgetsvirali.com/gadgets-invenzioni-innovative-per-migliorare-la-vita-quotidiana/ with an iPhone 5s I still see the gap…
Hello Vegasrenie,
I suppose that you are referring to the color of the excerpt. You can change the color of this by using a bit of CSS and place the code in Theme panel->Custom CSS area, like this: http://screencast.com/t/A2yd9mdM
.td-excerpt {
color:red;
}
If is not what you mean, please provide more details about what color you want to change it and you should offer a screenshot because this might be more useful for a better understanding.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
You can achieve that using this css: http://screencast.com/t/wsww8PCFKlxg
.widget_recent_entries li a{
margin-left: -5px!important;
}
.widget_recent_entries .post-date{
margin-left: 0px!important;
}
Thanks!
Hello,
if you managed to insert the desired text/code and it works on your desktop version, then you can use css to hide it on desktop and only display it on mobile/tablet. For this you will need to edit the code a bit and add a css class to it so it can be targeted. Then you can use css like so:
@media (min-width:1140px){
.customclass{
display:none
}
}
This will hide your code for the desktop version of your website.
I hope this helps.
Thank you!
Hello colgate,
If you want to disable all the sidebars in mobile and tablet mode, you need a bit of CSS to hide this option. Plase try the code below and place it in Theme panel->Custom CSS area, like this: http://screencast.com/t/5iPUuNZoso3l
@media (max-width:1018px){
.td-ss-main-sidebar {
display:none;
}
.td-pb-span8.td-main-content {
width: 100%;
}
}
The above code is only for posts. If you want to hide them for pages, it is not a simple task because it is not easy to target the sidebar class and it depending on how you set the sidebars for pages. As a method to add the sidebar for pages would be with Visual Composer and with Wigetsized element, like this: http://screencast.com/t/dXPluCP9xJy and you can try the code below:
@media (max-width:1018px){
.wpb_widgetised_column {
display:none;
}
.td-pb-span8 {
width: 100%;
}
}
The result you should see here: http://screencast.com/t/tYMlNthWcx
Hope this helps and let us know how it goes!
Thank you for the message!
Hello,
1) you can make the footer narrower with custom css:
.td-footer-wrapper{
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.td-footer-bottom-full{
padding-top:10px!important;
padding-bottom: 10px!important;
}
2) Unfortunately the big grids have a fixed design. Sections of them cannot be removed as other sections will not fit properly anymore. In order to achieve this you will need custom work.
3) If you use a custom ad you can have any dimension you want to it. Simply add an image with the size of the content width using this method: https://forum.tagdiv.com/using-other-ads/
I hope this helps.
Thank you!
Hello,
You can target the grid titles with css. You will need to provide an example of what grid you are using so i can provide the code for it.
As an example:
.td-big-grid-post .entry-title a{
color:red!important
}
This will work for big grids. If the code does not apply to your grid, please provide a link to the grid you are using.
Thank you!
Hi,
My link is http://www.sansan.qriosity.com.sg
1) Can you please provide me the CSS code to shorten the height of the footer and to remove the white line?
2) Is the grid style slider able to use the current style l have but divide into 3 parts only?
3) How can I make the ad box in my homepage same width as my grid style slider on top?
Thanks!
Hi Andrei – the CSS code works like a charm, in order to align the date with the headline.
However, it seems that instead of moving the margin of the “date” element 5px to the left (as the CSS code did), it should instead be the “headline” element that should be moved 5px to the right (so that both date and headline aligns with the footer widget name “Nye indlæg”).
Is that possible? I tried to inspect the headline element in the footer, but could only see the following HTML code for the headline

Is it possible to move this HTML code 5 px to the right – that would solve it :-)?
The page I have taken the above example from is: this page
Thank you for the help so far!
-
This reply was modified 10 years by
Xperten.
Hello,
It is not a good idea of removing a particular size as your website will be visited by other users that maybe have bigger displays than yours so for them, your website will not display very well.
If you want to make this modification, there is no easy way to do this as well. You need to edit the style.css file and adjust every element in there. (lots of work is required)
The theme should fit any content properly. If you compare your website with our demo site and find that some particular elements do not behave like the ones here: http://demo.tagdiv.com/newspaper/ then most likely there is a problem that needs to be addressed.
Let us know if you require further assistance.
Thank you!
Hello,
The code I provided does not work for you. It is just an example. You need to identify your own page id’s and replace them in the code. We prefer to use css for modifications that can be made through css as the php code will be replaced when updating the theme. The css stays in the theme panel and does not get affected by updates.
Thank you!