- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
I found that the problem in this part CSS code
.td-header-sp-recs img,
.td-header-sp-recs .adsbygoogle {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
If I remove
position: absolute;
when banner is works, but the picture is not reduced with the screen
Hi
In this image http://imgur.com/mzLmtd5 you’ll see when I try to enter an amount for a coupon code discount the height is too low.
In CSS if I change the height to 35px it works fine but I don’t know what CSS to write to make this change permanent
Elements:
<<div class="control"><input type="number" class="" style="" name="_wcv_coupon_post_meta_coupon_amount" id="_wcv_coupon_post_meta_coupon_amount" value="" placeholder="Coupon Amount"> </div>
Style (I have made the change to 35px height so it works fine)
media="all"
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
display: inline-block;
height: 35px;
padding: 4px 6px;
margin-bottom: 10.5px;
font-size: 14px;
line-height: 21px;
color: #555;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
vertical-align: middle;
}
Is this enough information to be useful?
thanks
I have found CSS code for fullsite Background in support forum.
.td-main-content-wrap {
background-color: transparent;
}
.td-header-menu-wrap-full {
background-color: transparent;
}
.td-footer-wrapper {
background-color: transparent;
}
.post {
background-color: transparent;
}
.td-banner-wrap-full, .td-header-menu-wrap-full {
background-color: transparent;
}
Then I could get the result so
http://www.screencast.com/t/9RtbZNx4
So now I need your help for
2. When giving background color, whether able to make Main Menubar as fullwidth, not as boxed?
3. Whether able to give Header as fullwidth Image- covering whole place above Main Menubar? if then what shall be the image size of Header?
Hello.
I try use code below to display banner on header. But it’s not displayed on desktop. You can see it here: fototips.ru
<div id="rontar_adplace_12172"></div>
<script type="text/javascript"><!--
(function (w, d, n) {
var ri = { rontar_site_id: 4165, rontar_adplace_id: 12172, rontar_place_id: 'rontar_adplace_12172', adCode_rootUrl: 'http://adcode.rontar.com/' };
w[n] = w[n] || [];
w[n].push(
ri
);
var a = document.createElement('script');
a.type = 'text/javascript';
a.async = true;
a.src = 'http://adcode.rontar.com/rontar2_async.js?rnd=' + Math.round(Math.random() * 100000);
var b = document.getElementById('rontar_adplace_' + ri.rontar_adplace_id);
b.parentNode.insertBefore(a, b);
})(window, document, 'rontar_ads');
//--></script>
If you reduce browser window to 700 px and less – banner is displayed.


I think problem in CSS, but i cant find it. Help me please.
Hi,
I tried to hidden pagination on all categories but doesen’t work. Last code i used in Custom Css is:
.page-nav {
display:none;
}
Can you help me please?
Latest version of AMP as of 3/5/16 addresses the issues with Windows servers generating blank pages.
Main issue I’ve run into so far with validation errors is the stupid long-standing way WordPress has done alignment on paragraphs with an align tag, which should not be used in modern HTML. I am guilty of being lazy about this also, and knew it was going to bite me at some point.
So, all the
<p align="center">Centered Text</p>
stuff needs to be replaced with a centered text CSS class.
Search/replace in the mysql dbase seems to be the way to go on that.
Similarly people who were doing tables by hand with stuff like
<td bgcolor="#efefef">My cell</td>
will also need to replace stuff like that with something like
<td class="tdcolorefef">
where you create the custom CSS for that class.
Technically modern HTML should not have *any* inline styles, but should only have CSS classes. Annoying but true. And the Google protocol presumes 21st century HTML and not HTML 3.1 era stuff.
Sadly, I’m old enough to remember hand writing HTML where we didn’t even need closing tags!
I am actually going to try out this plugin as a simple ‘lazy’ method vs going back to phpmyadmin to do the command line search/replace:
https://wordpress.org/plugins/better-search-replace/
This may prove useful:
http://www.wpbeginner.com/plugins/search-and-replace-plugin-for-wordpress-database/
So, anyway – hope that helps.
( REMINDER: always make a full backup of your mysql dbase from your hosting panel > dbases > duplicate dbase before you do *anything* to modify your dbase from any plugin or from phpmyadmin !! )
Thank you so much.
1a. I’ve turned the slider animation off but there is still an animation when I hover over a category on the main page: http://citysavvyluxembourg.com/
b. Do I just go into the Stylesheet style.css and add this code anywhere??
c. Perfect – thank you!
2. What a pain but understood
3. Understood
4. Sorry, where do I put this code?
One more thing, the ‘preformatted’ style has changed quite a bit! Where can I edit this?
Many thanks,
Farrah Gillani
In visual editor there is space with sidebar border which is making my writing space small. I want to remove that space. I know it is because of my settings where I have chosen right sidebar, but in visual editor I don’t want to show it.
In my child theme’s css, I have tried this but not working –
html .mceContentBody {
width: 100% !important;
}
I am using latest version of Newspaper. Please suggest.
Sorry the white space overflow thing was for breadcrumbs with ellipses…
For the word wrap, see this
https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
Yeah, i fixed this on our site last year, you have to add the whitespace line break css to the post body class… Sorry on my ipad… If you look up line break whtespace css body wrap text you should find it.
While waiting for tagdiv reply — I thought there was option to hide those in the panel someplace, maybe that was a dream 🙂
I know there have been many posts in past where simple method is simply to target the css classes and make them white (which then looks invisible but keeps the 1 pixel spacing for the layout/containers prroperly.
Might do a forum search for that while waiting on tagdiv reply.
Hi
I disabled the plugin and removed the CSS codes as well but the issue is still there.
The problem is like this.
When I add block 15 in side bar and then when I add any other widget below block 15 such as text or search box, only block 15 shows up in the side bar.
But If I add the widget above block 15 it all works fine.
This issue is only with block 15.
Thanks!
Hi, folks
I was only sharing the info for those who were not sure what was going to happen, what the cost would “actually” be and so forth.
I will say that for some users, they *should* pay for another 6 months of support if they can’t learn to read the WP user manual on WordPress.org, do a Google search, or learn how the internet works. Too many folks on Theme forums expect a theme developer to “train” them for free on how CSS, HTML, and WordPress works, which is outside the scope of the product.
Also, if the theme continues to be developed and updated based on suggestions — basically developing an entirely new theme — it’s not unreasonable to expect some monies coming back to the developer to do that work ($15) for an update that took hundreds of man hours, doesn’t seem unfair. Especially when a person who already built their site, decides to change it a year later then wants another 10 support topics worth of help to redo the site again — all for free.
That’s like coming back to a furniture store 5 years later and asking the furniture store to resand, repaint, and restore a used table (for free). I guess some furniture stores do that, but none that I’ve seen.
-
This reply was modified 10 years by
simchris.
Hi,
Maybe you did it wrong. Try it like so: http://screencast.com/t/fdqPjCsJk
result: http://screencast.com/t/YXaff1saCqmT (I added it below the crumbs.you can add it above if you want)
If you add it above the breadcrumbs, there will be no margin on top so in this cae you will need to make use of a bit of htm and css and add the code inside a div like for example
<div class="mycustomad"><?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_4"]')?></div>
and then use css to apply a margin-top for positioning:
.mycustomad{
margin-top:10px;
}
I hope this helps.
Thanks.
Hello Matija,
If you want to have the Top Menu bar to be visible only for your homepage, you have to use a bit of CSS code to do that. Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-header-top-menu-full {
display:none;
}
.home .td-header-top-menu-full {
display:block;
}
Hope this helps and let us know how it goes!
Thank you for the message!
Hi,
You can change the hover color with this css:
.more-link-wrap a:hover{
background-color:red!important;
}
Thanks.
Hello
If you want to change the color of the “Follow us” text, you have to use a bit of CSS code to change it. Please try the code below and add in the Theme panel->Custom CSS area.
The code is ->
.footer-social-wrap .block-title span {
color:green!important;
}
The result you should see here -> http://screencast.com/t/CWjPniMBaO
Thank you for the message!
Hello,
1) You simply need to ad the ad title in order to get them aligned: Please use the adbox for your ads:
http://screencast.com/t/pp2ggA0uB5y (It requires the use of the ads section in the theme panel.)
2) You can add a custom css class to a row in visual composer and then use css to style it
for example: http://screencast.com/t/52xQ9CzHPL and then use css to add borders:
.mycustomrow{
border:2px solid black;
}
It will require further customization though
3) That is because you have a different implementation of the title. You use a text with title and since it’s a different element. Again you will have to use a custom class on your row because this css will affect every other text with title:
.td_block_text_with_title {
padding-bottom: 5px!important;
}
after you add the custom class you would use the code like so:
.mycustomclass .td_block_text_with_title {
padding-bottom: 5px!important;
}
4)You can use this css:
.type-post .entry-title a, .type-post textarea{
color:black!important;
}
I hope this helps.
Thanks.
Hello,
The speedbooster plugin is intended for advanced users. If you get a blank page, then it means you did not do something properly. Maybe you forgot a comma or you added the code in a different part of the file. Unfortunately this is the only option our theme provides for moving the css and js to the footer. There are other alternatives to this but they are not included in the theme. You will have to research them online.
Thank you!
Hello,
Unfortunately this update from such an old version will be like switching to a whole different theme. Lots of things have changed in the meantime.
1)
a. You can turn off the slider animation from the lazyload setting: http://screencast.com/t/1e7GmiXoK3r
b. You can use this custom css to remove it only from the big mkodule:
.td_module_mx9 .td-post-author-name{
display:none!important;
}
c. The images are to blame here, not the grid itself. You need to regenerate your thumbnails using the “force regenerate’ plugin
2) Unfortunately the gallery format was removed so if you have double images n your posts, you will either have to remove the doubles by hand or use post style 5 which does not display the featured image.
3) This is the position of the pagination in the current theme. Please check how it should display on our live demo here: http://demo.tagdiv.com/newspaper/
4) Unfortunately the article titles in modules and blocks can only be changed with css as the theme has no option to change their color. (you can change the active hover color from visual composer block settings as seen on our demo homepage.)
You can use this code to change the titles:
.td_module_wrap .entry-title a{
color:blue!important
}
I hope this helps.
Thank you!
Hello Sylvester77,
1) If you want to change the header for category section, you have to use a bit of CSS code to do that. Try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.category .td-banner-wrap-full {
background-color:red;
}
The result -> http://screencast.com/t/NHLfAxP5NR
2)If you want to change the color of the Widgets, please try the code below and add it in Theme panel.
The code is ->
.td_block_widget .block-title span {
color:red!important;
background-color:green!important;
}
The result -> http://screencast.com/t/L2dFV8oirM
If is not what you mean, please provide more details about your desired changes so I will be able to provide a more details.
Thank you for the message!
Hi
The ad system it’s tested and works fine. For more details about banner ads usage with our theme please check our documentation here: https://forum.tagdiv.com/newsmag-using-other-ads/ To load different banner ads you can use this code:
<div class="td-visible-desktop">
<a href="#"><img src="image-for-desktop"/></a>
</div>
<div class="td-visible-phone">
<a href="#"><img src="image-for-mobile"/></a>
</div>
This css will display a image for desktop and a different image for mobile, including iPhone.
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hello,
If the read more button comes from our theme (included in modules and blocks) then it will get the theme accent color: http://screencast.com/t/ePfRroOi
There is however one exception to this rule on module 15 and the ‘more’ tag from WordPress. This tag will not work anywhere except module 15.
In this case the button comes from wordpress and is not affected by the theme settings. You can use this css to change the text and background color to it:
.td-read-more a, .more-link-wrap a{
background-color: pink!important;
color:red!important;
}
Thanks.
Hello,
If the read more button comes from our theme (included in modules and blocks) then it will get the theme accent color: http://screencast.com/t/ePfRroOi
There is however one exception to this rule on module 15 and the ‘more’ tag from WordPress. This tag will not work anywhere except module 15.
In this case the button commes from wordpress and is not affected by the theme settings. You can use this css to change teh text and background color to it:
.td-read-more a, .more-link-wrap a{
background-color: pink!important;
color:red!important;
}
Thanks.
Hello,
I see now what you men. That is the separator line for the top menu: http://screencast.com/t/Mv1gfCfTT3.
If you want it removed, you can use this css to do it:
.td-header-style-7 .td-header-top-menu{
border-bottom:transparent!important;
}
Simply add the code in the theme panel->custom css box.
Thank you!