- 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
Hello panorev,
The login widget code is located here: http://screencast.com/t/1WbmtR7EO1ZS. it starts at ‘//show login widget’, all the way down to ‘//end login window’.
You need to remove this code from here and place it in ‘header-menu.php’. Just make sure to paste it inside the php tag: http://screencast.com/t/0lNGWYdxd2M
The result: http://screencast.com/t/TqjHfxFc
You will also need a bit of css to position it after moving it.
Thank you!
Hi,
1. Yes if your second install is apart of your product. Envato specifies that each theme can be used for one product (site/domain). You can read more about it here – http://themeforest.net/licenses/standard
2. Our blog is custom made and the theme doesn’t have an option for this, I suggest to hire a freelance to do this for you. What you can achieve with the theme adding a background image to the row using Visual Composer is – http://demo.tagdiv.com/newspaper_travel/
3. There is no blank page template(without header and footer). We have managed to provide a solution for this, please check this topic – https://forum.tagdiv.com/topic/how-do-i-create-a-completely-blank-page/#post-68273
Or you can hide header and footer on specific page, just take the page id – http://screencast.com/t/nee4B9XtwI and use this custom css in Theme Panel > Custom Css where xxx is your page id:
.page-id-xxx .td-header-wrap, .page-id-xxx .td-footer-wrapper, .page-id-xxx .td-sub-footer-container {
display: none;
}
Thanks!
Hello tradermaker,
You can do this by modifying the theme core files. The search widget code is located here: http://screencast.com/t/yrAd5ZjU80Xw. Just move it from ‘header-menu.php’ to ‘top-menu.php’. Insert it at the bottom of the file and the search widget should show up in the top bar.
You will need some custom css as well to position it.
The result: http://screencast.com/t/Swuz1T1K
Thank you!
Oh found the mistake. And it’s so stupid that it’s hard to talk about it. In the hurry of last night I pasted the code not to custom css but below the google analytics code. And I was not able to detect the position in Chrome. Thanks to good old Firebug.
All solved. Footer is working perfect, now.
Hi,
I added ACV to the template and everything is working out well, until I tested the W3C validation
I added this Css to the custom panel to display prices. I bet there is a better way, was wondering if anyone would be so kind as to rewrite this for me so that i am w3c validated.
Also so that it works and renders for iphone, ipad..
I would be most grateful.
Please?
.disclaimer {
font-size: .9em;
color : #aaa;
text-align : left;
font-style: italic;
}
.retailprice {
font-size : 13px;
font-style: normal;
font-weight: normal;
color : #ff000;
text-align : left;
text-decoration: line-through;
}
.price {
font-size : 15px;
color : #dd3333;
font-weight: bold;
text-align : left;
}
Thank you so much.
Is there a way to build a navigation on the sidebar for the page? Like a table of contents on the side? And those will link directly to headers or title (or section) of the current page?
Similiar to bootstrap: http://getbootstrap.com/css/
There’s navigation on the side, and the content is all in the same page. Is this possible?
Thanks!
Hi
To remove the table’s border try this custom css in theme panel custom css: http://screencast.com/t/B4tFRZG0r1MY
table td{
border: 0;
}
Thanks!
Hi
There is no custom css for the page you indicated from our demo, we just added different formats on text to get the current layout, here is the code from Visual Composer: http://pastebin.com/hcq8ncnP You can paste it in VC, in Backend editor and use it as example for your page: http://screencast.com/t/YhtLXcuOiqo
Hope this help.
Thanks!
Hi
In the current version of Visual Composer the shortcode for tabs has been changed that’s why they are different from those on our demo. We will fix this in the next theme’s updates but meanwhile you can use this custom css in theme panel > custom css: http://pastebin.com/ttmX0r1U – http://screencast.com/t/odvibm25F67g
Thanks!
Hi,
The more article box was not designed to be displayed on mobile device. It is hidden via css – http://screencast.com/t/Gc2fcp1g
If you want to enable it you will have to edit the style.css to remove this code – http://screencast.com/t/UsMckM1mR
Or you can overwrite it using more specific target – http://screencast.com/t/jckIue23X50x just paste this custom css in Theme Panel > Custom Css and it should appear:
.single div.td-more-articles-box {
display: block !important;
}
Thanks!
Hi
There are a few thing which must be considered when you update from V4 at V6 of Newspaer theme.
Newspaper 6 is practically a new theme, the whole code was rewritten so make sure you made a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one, more details can be found in our update guide: https://forum.tagdiv.com/how-to-update-the-theme-2/ Also the old custom modifications to the files or custom css will not work, you will have to adjust and re-add them.
1. I’ve test this and the changes work fine: http://screencast.com/t/LJHosDQCWO0Q – http://screencast.com/t/eRCoQtYu Try do deactivate all plugins except Visual Composer, clear all caches and test again.
2. The page template are different then V4 so as the page title to be displayed you need to use pagebuilder + page title as page template: http://screencast.com/t/lMtXA7G3FJ5k – http://screencast.com/t/7aXoIu4wNpi
3. I test those changes on a page and works fine as can be seen here: http://screencast.com/t/5yAyAtLe – http://screencast.com/t/JVdrWZQG4
4. Try this custom css in theme panel > custom css: http://screencast.com/t/3n0UfYzdO7kc
.td-a-rec.td-a-rec-id-sidebar {
padding-bottom: 20px;
}
5. Check this topic, Bogdan posted a solution here: https://forum.tagdiv.com/topic/how-to-hide-more-from-author/
6. The theme uses p tag for subtitle, to change that you need to edit the file corresponding with the post template used, for post template 2 the file is single_template_2.php and change the tag like here: http://screencast.com/t/lWuYj4Ftm
Thanks!
-
This reply was modified 10 years by
Andrei L..
Yes, managed to changed it.
We need it to look actually like the box quotes. http://demo.tagdiv.com/newsmag/blockquotes-pullquotes/
Small Caps
Left Align
What is the full CSS coding for this.. Thanks.
Hello Molly,
Make sure you deselect modal image on individual images as well. Disabling this option from the theme panel does not disable it if the individual image had it manually set. Edit your picture and make sure it is set to off and the css class is gone: http://screencast.com/t/olNnRH8BAQMN
Let me know how it goes.
Thank you!
Hi,
Please add this custom css in Theme Panel > Custom Css:
.td-travel .td-travel-header:before {
width: 140%;
}
Let me know how it goes!
Thanks!
Hello,
You can use this custom CSS code (add it in the theme panel) to hide captions:
.wp-caption-text{
display:none!important;
}
Thank you.
Hi
Try this custom css: http://screencast.com/t/cnwk0F3VYn
.page blockquote p {
font-size: 30px!important;
}
.page .td_quote_box p{
font-size:15px!important
}
Let me know how it goes.
Thanks!
Hi,
The code is tested on may side exactly like in the screenshots provided above. Change the column 1 position and used the css.
Do you have custom css in Theme Panel > Custom css section? Please verify the code if you do.
Any css code you add there break your page, please provide more details.
Thanks!
Hi
Are you referring at tab’s color? That can be set from tabs settings: http://screencast.com/t/4LSVHMnf and should apply like here: http://screencast.com/t/kZuTjj8N There is no option to apply different colors for tabs in case you want something like this, also you can add an extra css class which allow you add css for a different layout than the basic one.
Hope this help but if this is not what you mean please provide more details about this issue so I can provide a more accurate answer.
Thanks!
Hi
I am not sure what customization do you want to apply for the table but here I found a helpful link with useful information, which may help you customize the table as you want: http://www.w3schools.com/css/css_table.asp
If this is not what you meant or you need further indication, please provide more details.
Hope this help.
Thanks!
Hi,
Sometimes the image bring with strange “caption” (description of the image), like the image.
We could upload 50 news by day, and if we need to edit every image, it will be take a lot of time.
How we can hide this FigCaption with a custom CSS?
Here the attached.

Thanks
Hi,
I have different sizes of images in the index, there are a lot of modules with similar image sizes.
I need a custom CSS for fill the FIG when the image is smaller than the contenedor.
Because, (for optimization purpose), i think is better use similar modules (in image size) and it is not necessary generate so many resize.
how i can “fill… expand.. upscale” the same image with CSS???

Thanks
How do i edit the social media share buttons. Ive seen documentation on how to add a linkedin button through custom css but how do i remove a few buttons and activate email sharing?
I imagine that there might be an obvious solution to this but I’m a bit frustrated with looking around for it without an intuitive solution.
P.S. My problem is not with the counter but with the share buttons under each post. (I would like to integrate email and whatsapp share buttons on what I already have on this site) http://insidebusinessonline.com
Hi Alin,
unfortunately adding this code to custom css broke my page. After I pasted it, saved it and cleared the cache, the code disappeared from the custom css field and I was not able to find it anywhere. See this picture: https://www.dropbox.com/s/stdve8tfiic0put/css%20break.JPG?dl=0
Please help.
Thanks for information. But this is not what I’m looking for.
Can you please check Home page http://www.vatandosh.com
There you can see the featured images on Big Slide (and on other posts) are not how they supposed to be. I have tried literally everything. The plugin Thumbnail Upscale (and regenerate) is not working.
I’m assuming, maybe some CSS codes should be added, but I don’t know how. Any idea on how to fix it?
Thank you!
I’m trying to make all over my site with a dark background and now i notice the search box drop down is still white,i’ll like a css code please to make the search box and drop down back ground to match the rest of my site with this color #000c20 for the box also the view all results fonts color will need to be change to white as well for any one to see it…thank you
