- 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
Hi,
Use this css: http://screencast.com/t/47o9P8RV991
.span4.column_container .td_ul_login li a, .span4.column_container .td_ul_logout li a {
color: red;
font-family: 'Sacramento';
font-size: 24px;
}
Thanks
Hi,
Somehow we have missed the option for that. I have added on our todo list and we will add it in next theme versions. Until then you can do it via custom css and use this css into custom css filed in theme panel to change the color of big grid post titles: http://screencast.com/t/xMWDavzyCnd
.td_block_big_grid .td-big-grid-post .entry-title a{
color:blue;
}
Thanks
note the “#sus {
margin-left: 30px;”
is placed in the style.css to properly indent the images.
<script type=”text/javascript”>
jQuery(function() {
jQuery.getJSON( “http://api.bluelytics.com.ar/v2/latest?callback=?”, function( data ) {
jQuery(‘#blue_bid’).text(data.blue.value_buy.toFixed(2));
jQuery(‘#blue_ask’).text(data.blue.value_sell.toFixed(2));
jQuery(‘#official_bid’).text(data.oficial.value_buy.toFixed(2));
jQuery(‘#official_ask’).text(data.oficial.value_sell.toFixed(2));
});
});
</script>
#sus {
margin-left: 30px;
<aside class=”widget wbluedollar”>
<div id=”sus”>
<div class=”row”>
<div class=”span10 text-center” style=”text-align: right; color: rgb(0, 0, 187); font-size: 1em; font-weight: bold;”>
</div></div>
<div class=”row” style=”color:#0000bb; font-size:1.3em;”>
<div class=”span6 text-right”>Buy</div>
<div class=”span6 text-center” style=”font-size:1.6em;”><span id=”blue_bid”>-</span></div></div>
<div class=”row” style=”color:#0000bb; font-size:1.3em;”>
<div class=”span6 text-right”>Sell</div>
<div class=”span6 text-center” style=”font-size:1.6em;”><span id=”blue_ask”>-</span></div>
<div class=”span6 text-center” style=”font-size:1.6em;”> </div>
<div class=”span6 text-center” style=”font-size:1.6em;”><span id=”blue_ask”></span></div></div>
<div class=”row”>
<div class=”span10 text-center” style=”text-align: right; color: rgb(0, 187, 0); font-size: 1em; font-weight: bold;”>
</div></div>
<div class=”row” style=”color:#00bb00; font-size:1.3em;”>
<div class=”span6 text-right”>Buy</div>
<div class=”span6 text-center” style=”font-size:1.6em;”><span id=”official_bid”>-</span></div></div>
<div class=”row” style=”color:#00bb00; font-size:1.3em;”>
<div class=”span6 text-right”>Sell</div>
<div class=”span6 text-center” style=”font-size:1.6em;”><span id=”official_ask”>-</span></div></div>
<div class=”text-right”><small>Powered by Bluelytics</small></div></aside>
</div>
</div>
</aside>
Basically, I want Style 5 the same as the default but without the featured image (it can still be present but not visible in the post) I have already set custom CSS on some styles which is why I would like it done this way.
OK, thanks for quick reply. As an alternative could you help with the css for changing the font color of the Tag Div log in widget? I’ve managed to change the text color in the top menu but the sidebar widget is staying as the pale grey on white which doesn’t stand out at all.
Thanks,
Sean
Hi Lucian,
Thanks for the reply. It did seem like a possible bug. Good to know it’s on the todo list. 🙂
The CSS worked – thanks!
Hi,
I see that some how the same css is loaded two times: http://screencast.com/t/LC417O6y and because of that the products list results in that way because when you remove the first percentage width all aligns well: http://screencast.com/t/8ThCjmN2t
Please try to remove manually any custom css added that add’s that width to products list like shown in the screenshot.
Thanks
Hi,
You can do it via css. Please also send your site’s URL as I can inspect this and provide an accurate solution for it.
Thanks
Hi,
We know about this issue and we have it on our todo list for future updates when we plan to redesign all Visual composer elements. Until then you can use this custom css to align the image to center: http://screencast.com/t/RuxUkWntd5k
.wpb_single_image.vc_align_center {
text-align: center;
}
Thanks
Hi,
That usually happens when using the speed booster plugin as this plugin moves the css and js automatically to the bottom of the page. This problems were reported when using the latest plugin version which is 3.0 and which was provided with the latest theme version (4.6).
I suggest you update the theme to the latest version and also update the speed booster plugin then let me know if you still have this issue.
Thanks
Hi,
Please use this custom css in theme panel > custom css field: http://screencast.com/t/pxUF6ooq
.td-logo-rec-wrap .span4, .td-logo-rec-wrap .span8 {
top: 0px !important;
margin-bottom: 15px
}
Thanks
Hi,
Please use this custom css:
.td-post-category {
background-color: pink !important;
}
Result: http://screencast.com/t/3gX68PIc
If the code doesn’t work, please send your site url.
Thanks!
This is the custom CSS I’ve been using for blockquote on our sites going back quite some time with Newspaper and now with Newsmag:
blockquote p { font-size:20px !important; line-height:26px !important; text-align: left !important; padding-left:20px;}
Hi,
for those of you also using the AddThis plugin in some form or another, and have noticed on/about Dec. 21 a sudden blank space at very bottom of your webpages – like an extra line break – the solution for the moment is adding the following code to your custom CSS box in the theme panel, or bottom of style.css file if you edit that directly each update:
#_atssh{
display:none
}This is *not* a theme issue.
Hi, for those of you also using the AddThis plugin in some form or another, and have noticed on/about Dec. 21 a sudden blank space at very bottom of your webpages – like an extra line break – the solution for the moment is adding the following code to your custom CSS box in the theme panel, or bottom of style.css file if you edit that directly each update:
#_atssh{
display:none
}
This is *not* a theme issue, but something being loaded by AddThis at bottom which is inserting something.
Hi,
Please use this custom css: http://screencast.com/t/IBxVd6QVNVVH
.header-logo-wrap{
float:right;
margin:20px 30px 0 0;
}
.td-a-rec.td-a-rec-id-header.td-rec-hide-on-tl.td-rec-hide-on-p{
left:0;
}
Thanks!
Hi,
Thanks for reporting this, I have added it on pour issue list and we will fix it in next update. Until then you can use this custom css to fix it:
.td_mod_aj_search .entry-title a, .td_mod_aj_search .entry-title {
white-space: normal !important;
}
Thanks for the message!
Hi,
It’s possible to do it via custom css as the theme doesn’t have any option for something like this. If you need this and you don’t know how to do it yourself we suggest you to hire a developer to help you with it as unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Sorry for the inconvenience!
Thanks for the message!
I have specified wrong child theme CSS url have applied manual changes, here it is http://www.7gsolutions.com/wp-content/themes/WPDIV/style.css
Is this the bug in theme CSS?
Hi lucian
Thanks for your reply. I have tried the same in mirror site http://www.7gsolutions.com and failed to achieve the results when i use custom fonts via theme options panel. So, i have declare the font face manually through child theme and overrided all the CSS selectors manually here http://div.wpdiv.com/wp-content/themes/WPDIV/style.css
Note : Your custom font CSS settings not up the mark.
1. When we use custom fonts via theme settings panel, your default custom fonts font face CSS not compatible with old browsers and its compatible with modern browsers only. Here is the CSS which generated through theme options panel of Newspaper theme and its not enough when we are using old browsers like IE8.
@font-face {
font-family: ‘Titillium’;
url(‘fonts/titillium-light-webfont.woff’) format(‘woff’),
}
2. Also Theme Options panel changes does not apply in front end when we are using custom font and it really frustrates us.
Here i request you to setup complete with website with custom fonts, you might experience issues.
Newspaper theme Way to go to enhance such features and i hope it will be rectified soon especially in next version.
Hi,
We will also investigate this. You can also use custom css to change the font like this: http://screencast.com/t/XNh9Hxik8Ux
I have also tested your source code and haven’t found your custom font. Please make sure you add it right and use this guide to do it: https://forum.tagdiv.com/how-to-use-custom-fonts/
Thanks
Hi,
Sorry for the delay! This happens because of the block title line-height, you can use this css to fix it: http://screencast.com/t/aD5yqmNx
.block-title {
line-height: 27px;
}
Thanks
Hi,
Please use this custom css: http://screencast.com/t/MQtSIS64Yu8
.td-post-content ul, .mce-content-body ul, .comment-content ul {
list-style: initial !important;
}
Thanks
Hi,
The td-loader-gif class you can find it in the style.css file: http://screencast.com/t/mfpCakm5771M
Thanks
