- 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,
We know about this issue, it’s on our list of future fixes. Until then, you can use this custom css to fix the tabs:
.epyt-gallery iframe{
height:100%!important;
}
Thank you!
Hi,
Thanks for reporting this. I’ve added it on our list, we will fix it in a future update. Until then add the following css into Theme Panel -> Custom CSS – http://screencast.com/t/ND63m9dC
#buddypress #item-header-cover-image #item-header-avatar {
margin-top: 145px;
position: relative;
}
#buddypress div#item-header img.avatar {
border-radius: 50%;
}
#buddypress div#item-header #item-header-cover-image #item-header-content {
padding-left: 0;
}
#buddypress div#item-header h2.user-nicename {
font-size: 30px;
margin-top: 30px;
padding: 2px 10px;
display: table;
/*background-color: rgba(77, 178, 236,0.7);*/
}
Have a nice day!
Hi john80,
It can be done with custom CSS but it will maybe create other problems along the way. It was not meant do be styled like that.
Use this custom CSS:
.td_block_slide .td_module_slide{
height:650px!important
}
.td_block_slide .td-theme-slider{
height:650px!important;
}
You can adjust the height value as you want. Add the code above in Theme panel->Custom Css area like this:
http://screencast.com/t/VrMX0AJnx
The result should see here: http://screencast.com/t/TIDW2yyKUTe
Thanks!
Thanks Catalin,
would you have a similar css code for adding this additional pixel to block 6 as i have this in use on the front page of my site
http://www.mondialetest.co.uk/mondoarc/
Thanks
Hello,
You can use an alternative method to add your code to the sidebar. I see it’s just html and css. You can add html directly inside a text box in the sidebar and create a simple div-based content and assign custom classes so you can target them with css afterwards.:
<div class="custom_widget">
<p>Want the latest articles in your mailbox weekly? Subscribe below!</p>
<div class="custom_widget_form">[mc4wp_form]</div>
<p>We respect your privacy 100%. We don't spam. Ever!</p>
</div>
An then simply create your custom css and add it in the theme panel->custom css box.
We use a chrome extension called live css to create our css code and then move it to the theme panel.
I hope this helps.
Thank you!
Hi strawberrybase,
I’ve checked your site and i saw your problem with thumbnails. You have to increase the height container with 1 px. Please try the code below in Theme panel->Custom Css area like this: http://screencast.com/t/bnY1XjkIO
.td_module_4 .td-module-thumb {
height: 236px;
}
The result should see here: http://screencast.com/t/Nz0FRw8VTdI
Thanks!
Hello,
I have some code created with visual composer inside a page, adding some CSS, custom bg etc. This part works very well, but I want to transfer this code inside a widget that will be placed on the main theme sidebar so it works for the whole site. Unfortunately this isn’t plain html so it is not working.
How can I achieve that?
The code I have from the visual composer is:
—————————–
[vc_column_text css=".vc_custom_1447174742994{padding-top: 90px !important;padding-right: 20px !important;padding-bottom: 20px !important;padding-left: 20px !important;background-image: url(http://www.projectbebest.com/wp-content/uploads/2015/10/sidebar-form-optin_plain.jpg?id=1151) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"]
Want the latest articles in your mailbox weekly? Subscribe below!
[mc4wp_form]
We respect your privacy 100%. We don't spam. Ever!
[/vc_column_text]
———————–
Thanks
Hello,
You can use css to adjust it’s position if the plugin does not have positioning options.
.wpmchimpa-overlay-bg #wpmchimpa-main {
left: 82%!important;
}
result: http://screencast.com/t/Y1lhuPae81
thank you!
Hi alin
Currently i have used old version of CSS file that comes with Newspaper theme 4.6.3. But modified CSS file based on latest newspaper theme 6.5.1 not working any more and i have renamed it as old_style.css and located here http://www.wpdiv.ml/wp-content/themes/WPDIV/old_style.css
I still need your help to troubleshoot this issue. Can i send you the FTP and WordPress credentials to troubleshoot the issue?
Expecting your support
With regards
Selvam.S
Hi
The theme use a specific thumb size for each post template that’s why the featured image is cropped. I am not sure what post template you’re using, but if you want to have a bigger image try a post template which have a full width thumb for featured image, for example: post templates 4, 5, 6. If you want a different image size than existing ones you will need to register a new thumb size in td_config.php file: http://screencast.com/t/N8O8B4Undqr You can use theme API to do that: https://forum.tagdiv.com/api-thumbnail-introduction/ Also you will need some css customizations will be necessary such that the new thumb to be displayed well on post.
Hope this help.
Thanks!
Hi hatchet9,
Please try the code below in Theme panel->Custom Css area like this: http://screencast.com/t/tgWoDWcTW
.block-title {
border-bottom: 1px solid #222222;
}
The result should see here: http://screencast.com/t/K85g1sqn
Thanks!
Hi,
since i’ve added the css i’ve noticed that some thumbnail boxes are losing the border on the bottom edge. Can you think why this would be and what i might be able to do to fix this? Below is a link to my site.
http://www.mondialetest.co.uk/mondoarc/
Thanks
Hi,
We installed a standard Newspaper theme (demo content is Default) and everything seems to work on desktop.
On iOS 9 Safari though, everything breaks, and if I look on the console (through a USB connection), I see many CSS warnings (hundreds) and some JS errors. This causes the images not to load and perhaps more issues.
I would prefer to share the link privately with you – how can I do that?
Thanks,
Bar.
Thanks Catalin for your detailed answer. But it is very long way for create a menu item. I don’t want create a page and WP custom menu for each menu item. I must use Visual Composer for this. I don’t prefer using VC except homepage. Because VC eat my cpu and memory.
Can I create columns on mega menu with custom css?
-
This reply was modified 10 years by
ns85gs.
Hi hatchet9,
You can hide the “Read More” botton if use the code below in Theme panel->Custom Css area like this:
http://screencast.com/t/1RoBh5vD3
.td_block_13 .td-read-more a, .more-link-wrap a {
display: none;
}
The result should see here: http://screencast.com/t/8iTj50KyUjZ
Thanks!
Hi
You can edit the file corresponding with the module which display the read more button and delete this lines: http://screencast.com/t/prgIyoW7Jt
Also you can try this css in theme panel > custom css: http://screencast.com/t/wmvqq9k8akJ
.td-read-more{
display: none;
}
Let me know how it goes!
Thanks!
Hi,
I understand now. If you just want to hide the header ad on the homepage, you can use css to do it:
.home .td-g-rec-id-header{
display:none!important
}
Just place the code in the custom css box in the theme panel.
If you want to remove the ad on other pages as well, you can use the same code again, only change the .home class to the ‘page id’ class. You can get the page id number using your browser inspector: http://screencast.com/t/XRgXQokTB9
For the example page from the screenshot, the ‘page id’ class is page-id-41 so we will use the code like so:
.page-id-41 .td-g-rec-id-header{
display:none!important
}
I hope this helps
Thanks.
Hello Anand,
You can use this custom CSS to remove the search form:
.search-results .search-page-search-wrap form{
display:none
}
.search-results .search-page-search-wrap {
margin: 20px 0 40px 0!important;
}
In order to change the text shown you can do it from the theme panel-translations: http://screencast.com/t/w1IvGMUv
Thank you!
Hi
VC css refers only at the elements built in the plugin, for example tabs, buttons etc. All elements added by the theme, like blocks and grids have theirs css in main css file of the theme, that’s why the layout isn’t affected. If you remove the css from pages some issues may appear if you decide to use any of VC built in elements.
Thanks!
Hi,
Try that css instead the above code. If it doesn’t work provide a link so I can inspect this.
Thanks!
Hello,
Please be careful when updating. You will have some issues at first. The theme jumped from version 4 to version 6.
Newspaper 6 is a whole new theme so an update from 4 to 6 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).
Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.
The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom css will not work with the new version and you will have to adjust or re-add them.
Bottom line is that newspaper 6 is a whole new theme built from scratch.
Unfortunately you will have to clear your agenda and spare a bit of time to adjust all your settings to the new version of the theme.
We are sorry for the inconvenience.
Let us know if the problem is still there after the update.
Hope this helps!
Thank you!
Thanks Chris!
@XS22 Here is how you can regenerate them: https://forum.tagdiv.com/existing-content/ however I doubt this will solve your issues as thumbs are used on modules and blocks, not on pages and you use visual composer’s page builder there, the css code should work. I’ve also replied you via email so please give me a working user there and I’ll take a closer look at this.
Thanks!
Thanks for your continuous update,
As i said earlier, custom fonts are located in the same folder /wp-content/themes/WPDIV/fonts and had declared the same path in http://www.wpdiv.ml/wp-content/themes/WPDIV/old_style.css which works without any issues.
But after using the latest 6.5.1 stylesheet declarations in child theme here http://www.wpdiv.ml/wp-content/themes/WPDIV/style.css
I am currently using http://www.wpdiv.ml to troubleshot this issues..
(Note : If you need the login credentials, let me send you via email to troubleshoot further)
Expecting your kind help in this regard to get it done.