- 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
all fine now, thank you! the css part i will manage.
Dear Lucian,
I also would like to change the default icon on mobile. Is the CSS code above can also be applied in Newsmag theme? Thanks
We use Optimize Press plugin to build our sales and membership pages. I am trying to get the Newspaper theme to work well with it these pages.
The only thing that seems to be off that I notice so far is that on the pages built with optimizepress it adds
<time class=”date updated” datetime=”2014-05-13″ data-pubdate=””>May 13, 2014</time>
<span class=”author vcard”><span class=”fn”>leeweber@gmail.com</span></span>
after any element on these pages.
http://www.mastermindwrestling.com/lp/11commandments/
http://www.mastermindwrestling.com/lp/11commandments/thank-you/wvid/pt2-sto/
http://www.mastermindwrestling.com/lp/7-ways/ess-ty-2/
Optimize Press has a plugin where you can disable any CSS or JS on these pages by theme or plugin. I have disabled the Theme JS and CSS on these pages and it still has not fixed the issue.
Any ideas on this?
Thanks
Hi,
Please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/PZtucsGzJ
.td-header-style-10 .td-header-text-logo{
margin: 20px 10px 20px 30px;
}
Thanks!
Hi,
You are referring to the block title, please try this css: http://screencast.com/t/Yr4MuIngJ
.block-title > a{
padding: 5px 15px 5px 15px;
}
Also if you want to use a bigger size you can change it from Theme Fonts: http://screencast.com/t/YuJKOQnIla7u
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Sorted this now, I thought it could only be used with Adsense, but I’ve added the following and styled with css and it work just as I wanted.
<div class="adholder leaderboard"></div>
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/eQF2K0ebAj
.home .wpb_tabs .wpb_tabs_nav li {
float: right;
}
Thanks!
Hi,
Sorry for delay!
We made some changes in last update, so now I can provide you a css solution so you will have this save on future theme update in Theme Panel > Custom Css: http://screencast.com/t/jvj7JSjFP
.category .td-subcategory-header a.td-current-sub-category{
background-color: pink;
color: #ffffff;
}
Thanks!
Hi,
Unfortunately the speed booster plugin purpose is to move js and css stylesheets to the bottom of the page, this actions could cause issues like the one you describe.
In order to prevent this we have, by default, left the themes file css at the top of the page, please check your page source code and that this css is loaded at the top of the page.
I’ll add this on our list for further investigation and try to find a solution for this in future updates.
Sorry for the inconvenience!
Thanks for the message!
Hi,
Please add also this css: http://screencast.com/t/VGyNAUgJ
.iosSlider .slide-meta-author{
background-color: transparent;
}
Thanks!
Hi,
I’m creating a woo-commerce shop based in my web with newspaper theme. The problem is that I can’t see the shop page with the right css. It’s aligned to right side of page, and I can’t do anything in the page with the editor. I have read in this forum that there are problems with the latest version of woocommerce but what can I do?
The link to my shop page is: descubrirlahistoria.es/tienda
Thanks for all
Hi,
Sorry for delay! We have missed your topic somehow.
Please remove padding-top and add this css instead, so that space should be clickable: http://screencast.com/t/wVe73kwLYkj
#outer-wrap {
top: 136px;
}
Thanks!
Today i did simulate my website http://www.wpdiv.com with http://www.mobilephoneemulator.com/
Sometimes there is no issues but very frequently CSS not loading properly and menu got broken as illustrated in below screenshot.
http://oi60.tinypic.com/m096c.jpg
How can i resolve the same?
Expecting your kind co-operation
With regards
Selvam.S
Note : When you testing website via http://www.mobilephoneemulator.com/ don’t forget to navigate the website with simulator itself to regenerate the issue.
Hi,
Please try to add this code in big slide module: http://screencast.com/t/80VT7i2j6e an also the excerpt’s function from td_module.php: http://screencast.com/t/GhMUGRBfLtk
<div class="td-excerpt">
<?php echo $this->current_post->get_excerpt(25);?>
</div>
function get_excerpt($lenght = 25, $show_shortcodes = '') {
if ($this->post->post_excerpt != '') {
return $this->post->post_excerpt;
}
if (empty($lenght)) {
$lenght = 25;
}
$buffy = '';
//print_r($this->post);
//remove [caption .... [/caption] from $this->post->post_content
$post_content = preg_replace("/\[caption(.*)\[\/caption\]/i", '', $this->post->post_content);
$buffy .= td_util::excerpt($post_content, $lenght, $show_shortcodes);
return $buffy;
}
And also this css in Theme Panel > Custom Css: http://screencast.com/t/tnNg3nS8eCjC
.td-big-grid-meta .td-excerpt{
bottom: 0px;
left: 0;
position: absolute;
color:white;
background-color: blue;
}
.td-sbig-title-wrap {
position: absolute;
bottom: 20px;
left: 0px;
}
.td-big-grid-title .td-sbig-title-wrap{
bottom: 20px;
}
This is not an easy task if you don’t have some basic php/css experience… also it is possible to need more css customization.
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
I have checked this and unfortunately I cannot provide you a solution. This text comes from the plugin and it is added automatically like excerpt. I can’t even hide it with css because is a part of the excerpt: http://screencast.com/t/kegmN2vj
Thanks!
Hi,
Unfortunately the theme was initially designed at that width with an fixed grid layout and changing it would not be easy as it needs changing the width value for all elements on pages and for this you would need custom work. The newsmag theme has it’s full width 1021px.
I have tried a css solution to create a border over the image for your site: http://screencast.com/t/B27txFYaDy
.home .td-pb-span4 .td_module_mx1 .td-block14-border {
background-color: white;
display: block !important;
height: 220px;
right: -3px;
position: absolute;
width: 3px;
z-index: 1;
}
Please add css code in Theme Panel > Custom Css: http://screencast.com/t/gw9OG0KDZSx
Also please provide more detail about the tab title, if you refer to these titles: http://screencast.com/t/no5PoFgw there is no option for this and you will need custom modifications. You can get someone to help you with this as unfortunately we cannot offer custom work because we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/
Thanks!
Hi,
Unfortunately theme doesn’t have an option for this, you will need to change it with css code: http://screencast.com/t/GNIkWcu6O
.td-post-category{
background-color: red;
color: blue;
}
Please add css code in Theme Panel > Custom Css: http://screencast.com/t/q7j0WSSNld1
Thanks!
Hi,
Try this css for Read more buttons: http://screencast.com/t/g6xdm7qV2Z
.td-read-more a{
background-color: red;
color: blue;
}
And this css for Latest Articles title: http://screencast.com/t/33qnzikw
.td-pb-article-list .td-main-content .block-title>span{
background-color: red;
color: blue;
}
Please use Theme Panel > Custom Css to add codes: http://screencast.com/t/pfXz7DqkerLO
Thanks!
I’m trying to figure out what is going on with my website. It seems like something in the css is off because some of the data on the site looks off.
my domain is blujamz.com

How do I get rid of the weird border that appears on the post edit screen and make my content full width? I don’t like how this looks and would like to get rid of it. It’s definitely something caused by this theme.
Thanks
edit: NVM, I’ve figured it out. There’s some css in includes/less_files/editor-style.less that causes this. I guess it’s supposed to be a feature but I don’t like it. I’m only using the default post type anyway, so it’s unnecessary. Hope this helps someone.
Hi,
1. If you modify the image sizes you need to regenerate the thumbnails to see the changes then inspect the image to be sure there is the correct image size. At this moment your images are at 300x300px. About number of columns, there’s no settings in WooCommerce to do that and this can be changed via a hook(custom code).
2. This will be fixed in the next update, the bug is from the latest WooCommerce version. Untill that you can use this CSS to fix it
.wc-proceed-to-checkout {
clear: both;
text-align: right;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
}
3. The issue is not the theme, some plugins need custom integration with each theme to work, like WooCommerce plugin to. You saw that on that plugin with real estate.
I don’t have the plugin to test it, sorry about that, if you want you ca try this from here: https://support.woothemes.com/hc/en-us/articles/203987053-Show-a-custom-template-for-the-vendor-shop-page-taxonomy-
Hi,
1. I’ll add this on our request list and consider adding an option for it in future versions. If you decide to do it yourself you can find the js for it here: http://screencast.com/t/MAi6YgxmJnyD
2. You can do it via css, use the css from below for that:
.td-load-more-wrap {
font-family: 'Times New Roman' !important;
font-size: 18px !important;
}
3. When there are no more posts to be displayed the “load more” button becomes opaque, to hide it try this: https://forum.tagdiv.com/topic/hiding-load-more-link-when-not-needed/
Thanks
Hi! Thanks, Marius
I’ve been getting education on using the hooks to add custom text in the functions.php file vs hacking the WooCommerce theme, so this is my first (!) WooCommerce install, which is hard to believe after all these years, but there you are.
THANK YOU for the button alt code; that was tricky … didn’t get the syntax on that. I’ll update on that.
Figure the breadcrumbs were in-built as I did look at the woocommerce.php file in the theme folder, and went “ahhhhhh soooo.”
The only other minor quibble I have at moment (once I test button fix), is that in iPad portrait mode, on the cart view, the coupon button and update cart spacing got a little wonky due to the changes to WooCommerce — which I think they have now “stabilized” to the next generation (meaning 2015 code vs 2010 code on a lot of stuff!).
I will need to make screen cap of the iPad on this particular issue of the viewport spacing for iPad portrait, as that is the “tricky” one.
For changing the “icon” in the “info” boxes on payment pages, it looks like I need to edit the CSS to change the box you’re making with CSS, and insert a font awesome icon or something there.
Hi,
1. I’ve tested your SWF banner and works for me at the right size, see here: http://screencast.com/t/YedK0peDsvo
Also needed to be a little aligned to bottom, i used this CSS:
.td-a-rec object {
position: relative;
top: 11px;
}
2. Thanks for the suggestion, about the flash ads, you can use the code for images but instead of image paste your SWF code for each responsive sizes.
https://forum.tagdiv.com/ads-system-full-guide/
Code example, instead of <a hre..... replace with your SWF code:
http://pastebin.com/Txu6RZTH
3. There need a CSS fix if you want to use with SWF’s, use this CSS
.td-header-wrap .td-header-sp-ads .td-a-rec {
display: block;
margin: 20px auto 15px;
}
Thanks for the message!
Hi,
Someway we miss this issue for this update. We will fix this soon as possible. Sorry for inconvenience!
Please try this css code till then: http://screencast.com/t/YawSPBGb0jR
.author-box-wrap {
font-family: Ubuntu;
}
Thanks for reporting!