- 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
Hello,
Unfortunately the plugin is not tested with our theme so we cannot assure it’s functionality. The iframe seems to be created bigger for the post page. The dimensions of the widget are different so maybe there are a few settings you can adjust. Unfortunately css will not work inside an iframe so i cannot provide a quick css solution for it. Try to find a few plugin settings that let you control the width of the widget.
Thank you!
Thank you very much for answering me.
I put the code in the custom css field but nothing changes.
Do i have to put it somewhere else of do i need to use another code.
Hello,
You can use this css to style the block title:
.td_uid_3_568fa6ae3f95b_rand .block-title span, .td_uid_3_568fa6ae3f95b_rand .td-trending-now-title, .td_uid_3_568fa6ae3f95b_rand .block-title a, .td_uid_3_568fa6ae3f95b_rand .td-read-more a{
background-color: transparent !important;
color: #444444 !important;
padding-left: 0px;
padding-bottom: 3px !important;
padding-top: 0px;
display: inline-block;
}
If you want to adjust the title font you can use this code:
.td_uid_3_568fa6ae3f95b_rand h4{
font-weight:bold;
font-size:16px
}
I hope this helps.
Thank you!
Hi
1. Try this css in theme panel > custom code custom css: http://screencast.com/t/LWo79pKINwG
.td-header-sp-logo img{
padding-right: 24px;
margin-right: 45px;
}
2. From what I can see in your screen there is an additional distance added on top of trending now block. I am not sure why that distance appear but can be a margin or a padding set by a plugin. Try to deactivate all plugins except Visual Composer, clear all caches and test again.
Let us know how it goes.
Thanks!
Hi Bogdan,
I checked it again but could’t find an open tag. Heres my custom CSS:
@media(max-width: 767px) {
.td-footer-template-3 .td-pb-span4 .td_block_15 {
float: none !important;
}
}
@media(max-width: 767px) {
.plista_widget_standard_1 {
display: none;
}
}
@media(min-width: 768px){
.plista_widget_webApp {
display: none !important;
}
}
@media(max-width: 768px){
.plista_widget_webApp {
padding-bottom: 25px;
}
}
.td_module_wrap .td-module-meta-info .td-post-views {
position: relative;
display: inline-block;
top: 2px;
margin-left: 14px;
color: #aaa;
}
.td_module_wrap .td-module-meta-info .td-post-views span {
margin-left: 5px;
}
::-moz-selection { /* Code for Firefox */
background: #b001ff;
}
::selection {
background: #b001ff;
}
@media (max-width: 767px) {
.td_uid_9_568f9c1760d60_rand {
display: none;
}
}
@media (max-width: 767px) {
.td_uid_9_568f9bc389df3_rand {
display: none;
}
}
@media (min-width: 767px) {
.td_uid_10_568e7476d238f {
display: none;
}
}
@media (min-width: 767px) {
.td_uid_10_568f9c5624c74_rand {
display: none;
}
}
What I’m wondering is, these numbers (bold).td_uid_10_568f9cd5d33a9_rand are changing for each article, although I’m using the same widget.
-
This reply was modified 10 years by
David.
Hello craigtran,
Our article inline Ads feature has been designed to be used for post content page and not for the category page. So, maybe you are using a plugin with this functionality and you can exclude this from category page if you use category ID, like this -> http://screencast.com/t/bEtgMEsARR8R Using the category ID, you have to target wich elements of this page you wish to exclude, using a bit of CSS with display:none; .
Let us know how it goes and if you need more assistance for this regard, please provide your website URL and more details about how you want to change.
Thank you for the message!
Hi David,
Please check the custom css code very carefully (the one already in the css box) and make sure no tags are left open. This is the no.1 reason for the css box not responding to code properly. There are no known issues (theme related) with the custom code section.
Let us know how it goes.
Thank you!
Hello,
You can adjust ehe top padding of the homepage and remove the menu border by using this css code:
.home .td-main-page-wrap{
padding-top:0!important
}
.td-header-gradient:before{
display:none!important
}
The header style you use has a header ad under the menu so the image you showed as an example can only be replicated if you remove the header ad.
Please let us know if you need further assistance.
Thank you!
Hi
How is it possible to refresh to CSS child theme after changes without hit F5?
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/cU6YetZiU
.single .td-module-meta-info {
display: none;
}
.single .entry-title{
margin-bottom: 10px!important;
}
You can increase the margin value is you want a greater distance between title and post content.
Thanks!
Hi!
Earlier I posted my problem about the big slide title style.
“I’m using a big slide on my homepage: http://luikenkarstens.nl/declercq/ But I want to change the (title) style to this: https://elnotarissen.nl/
It seems like the option to change the style is no longer there.”
You answered this:
“Hi,
Yes, unfortunately in newspaper version 6 that block title style option isn’t available anymore but it can be achieved trough custom css.
Set a block title for your slide and open a new topics on our forum: https://forum.tagdiv.com/ provide a link or the connect of these conversation and we will give the right custom css code to get that design.
Thanks for the message!
Lucian C. tagDiv”
Can you please give me the right custom css code?
Hello carmene,
If you want to remove the More Author feature, please try the code below and add it in Theme panel->Custom CSS area.
.td_block_related_posts .td-related-right {
display:none;
}
The result you should see here: http://screencast.com/t/x1l7A2ti
Thank you for the message!
Hi,
You can use some custom css to hide the containers :
.page-id-233 .td-main-content-wrap.td-main-page-wrap{
display:none!important
}
That should fix the white box
Thank you!
Hello,
You can set a footer background image from the theme panel, but this will apply to all the website, not just a specific page. http://screencast.com/t/IeAcC2wZM
If you want the footer image to be set to just a particular page, then you will need the page id. You can get it like so: http://screencast.com/t/F7B90bzE
Then you can use the id as a css class like so:
.page-id-2126 .td-footer-wrapper{
background-image:url('http://www.pesches.com/wp-content/uploads/2014/03/15815-grass-material.jpg');
background-repeat:no-repeat;
background-position:50% 50%;
}
result: http://screencast.com/t/rxWA01h57dSG
Thanks.
Hello steveolsonco,
If you want to remove the both white bars, please try the code below and add it in Theme panel->Custom CSS and fix the problem, like this ->
http://screencast.com/t/Erf8B5QRpO
.td-main-page-wrap {
padding-top: 0px;
}
.td-main-content-wrap {
padding-bottom: 0px;
}
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/mPfLNpyt360m
@media (max-width: 767px){
.td-header-top-menu{
display: block !important;
}
Please note that the top bar wasn’t designed do be displayed on mobile devices so you may need additional customization in order to have it displayed fine.
Let me know how it goes.
Thanks!
Hello,
Unfortunately there is no option to change the text width but there are options to change the font. you can use a narrow font like Helvetica Narrow, Arial Narrow, Tahoma, Arial, Helvetica if you do not like google fonts. They can be set from the theme panel: http://screencast.com/t/KsVDnZD1X
As an alternative you can use css to edit the existing font. Please follow this guide to see how to do it: http://stackoverflow.com/questions/1161242/make-narrow-characters-with-css
I hope this helps.
Hi Bogdan,
when I try your code in Live CSS editor, it works just perfect.
When I paste it in the Custom CSS area of the theme panel – nothing happens. (No cache plugin active)
Are there any common issues with Newspaper V 6.6.3 and the Custom CSS area not working?
Thanks,
David
Hi
You can create a specific class only for the table, like table-style for example, add this code in theme panel > custom css:
.table-style{
overflow-x: auto;
}
Like this the css will be added automatically for the tables, but you have to insert your table manually in this container: table-style, otherwise the css won’t work.
Hope this help.
Thanks!
Hello Albert,
Please try the code below and add it int Theme panel->Custom CSS area.
.td-pb-row, .type-post, .td-main-content-wrap {
background-color:red;
}
The result you should see here: http://screencast.com/t/a8pLaAaXpX2
Unfortunately, our theme has not been designed to change the background of the main content. The footer is included to the main content and is directly affected by this and there is not a simple option to change the color of this, sorry.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello,
In this case, if you have access to sizes, simply use a width of 100% instead of 700px as you have it set now and it should position properly. 700 px will not work as the post content area has 696 px width. You can simply leave it to 100% and it will always take up as much space as it can get.
If you want to set your own sizes, You can use css like so:
@media (max-width: 1140px){
.sitable{
width:100%!important
}
}
I hope this helps.
Thank you!
Hello,
If you want to change this padding for the mobile version only you will have to use css like i showed above with a custom class and only target the mobile viewport like so:
@media (max-width:767px){
.custom-row{
padding-left: 10px;
padding-right: 10px;
}
}
I hope this helps.
Thanks.
Hello,
You can use css to change the font.
For example:
.td-category-header .td-pulldown-filter-display-option{
font-family: arial;
}
Then simply add the code in the theme panel->custom css box
Thank you!
Hello gunner05,
Please notice that the CSS are working only for the padding-bottom. As I said you above, you cannot change the left-right paddings-margins because these settings are preset by default by the Visual Composer and if you want to change these option, you will risk spoiling the layout.
http://screencast.com/t/OZcLCFGb7NXd -> http://screencast.com/t/J3wNyfx3ytBy
Please ensure you have the ultimate version of the child theme and otherwise please update it with the one that come with our theme.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello!
In post settings > post and custom post types, I turned everything off
category tags
author name
date
post views
comment count
tags
As well as turning off these under sharing
top article sharing
top article like/tweet
Now theres a lot of white space padding above and below the headline, how can I remove that white space (assuming its a placeholder for the items I turned off)
I want my post title to have a little padding of course but be as close as possible to the navigation
Some custom css to add to the theme panel would be helpful!
Thanks in advance!