- 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,
I need to change background color in title of the related articles from black to another color
http://screencast.com/t/iOW27t0JF
Please write custom css code that I can use.
Looking forward to hearing from you.
Kind regards,
Nick
Hello Alin,
thanks for your response. Unfortunately my website based on Newspaper 6 is still a draft, therefore I cannot provide you with a concrete widget.
For example I would like to use “[tagDiv] Text with title“ and I would like to change font, font-size, font-color and line-height.
Do I have to paste css-code in the widget text area or is there another – more handy – solution?
i agree that this would be good to have in the theme panel (just sayin’)
the css worked very nicely for me
==>jim
Hi,
I run a movie-review-website where Newspaper have been very useful with the stars-rating and it has worked out well, til now.
I updated to version 6 the other day and among my older reviews, about 800 of them, most seem to have lost their review-stars and thus have no grading according to what i have written about them and so on.
Why has this happened, i have changed the css for the table where reviews are shown (using custom css and a couple of colorchanges in the theme css-file) and the changes have been simply hiding content and changing colors.
Can i in any way get my review-ratings back or is my second option, removing the feature completely what i should be looking at here? Database gone bust?
My site: filmforalla.se
I dont know what other information to give, im far from an expert, so ask and i’ll give details.
Hi
Not sure what you mean, but if you want to change the color of the links in post’s content use this custom css from Theme Panel->Custom css for example: http://screencast.com/t/duRXgKo8
.td-post-content a {
color:#D2D;
}
.td-post-content a:hover {
text-decoration:none!important;
}
And if you want to hide more from author please try this css code: http://screencast.com/t/Feq8Lcvy
.td-related-title .td-related-right {
display: none;
}
Hope this will helps!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
Please deactivate all plugins and check this only with Visual Composer active, of course clear cache. Also if you have added custom modifications to the theme please remove them, even custom css.
Thanks!
Hi,
I’ve checked the page and it seems to be a css issue, the modules should look like this – http://screencast.com/t/Ijq55IFuvo
Try to remove the custom css (save it in a file on your local hdd) and check if the modules are properly displayed. If the error is gone check the custom css for errors.
If you don’t have any custom css try to disable all plugins except for Visual Composer and check again.
Thank you, Emil G.
-
This reply was modified 11 years by
Emil G.
I tried something similar earlier, but failed lol.
One last thing… how can I disable sidebars from showing on a mobile screen size? What CSS @media can I use to hide them?
Thank you so much!
Hi,
Theme has different header style that you can use, so if you want to use a bigger logo you can set a style that will display full size logo that you upload there – http://screencast.com/t/8Mk0SgEFe Please provide more details what you are trying to do and also your site URL so we can take a look if you refer to the default style and you want to remove padding from logo. This can be done only with custom css.
Please try to regenerate your thumbnails – https://forum.tagdiv.com/using-the-theme-with-existing-content/ and also clear cache.
Thanks!
Hi,
Also we deliver with the theme the less version of the style. There are all the css grouped and can be easily removed, erasing a single line for each piece of css.
http://screencast.com/t/t3rtWciT0TZe
Remove unnecessary less files(like woocommerce.less, bbpress.less, buddypress.less or smart-list.less if you don’t use or video-playlists.less ..etc..)
Then using Prepos you can compile the main.less file to built the style.css
Done 🙂
Hope this help, is a little more easier like that then erasing hundreds of css lines from style.css
-
This reply was modified 11 years by
Marius.
Hi,
you can hide it with this custom CSS in theme panel:
.td-video-play-ico {
display:none;
}
Hi
You can use this custom css from Theme panel->Custom css-> Your Custom Css:
.td_block_wrap .td-post-date{display:none;}
.td_block_wrap .td-post-author-name{display:none;}
Thanks!
-
This reply was modified 11 years by
Andrei L..
Hi,
You have to add that value the same like above in these files – http://screencast.com/t/UFopUU1fMq – http://screencast.com/t/vacSsBG81NZu paste your code in a custom ad and set the size from Theme Panel > Ads > custom ad.
And use the shortcode function to display your ad bellow the main menu – http://screencast.com/t/wd6YOeiQBnd
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>
Result: http://screencast.com/t/ifKtfGmrm
Hope this helps!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi
You can use this custom css in Theme Panel->Custom Css:
.footer-logo-wrap {
display: none;
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
1. The theme supports Font Awesome 4 Menus just install the plugin then take the icon code – http://fortawesome.github.io/Font-Awesome/icons/ and paste it in Navigation Label – http://screencast.com/t/TKqYz6oH5 – http://screencast.com/t/oR2LdrWz
2. Unfortunately the ajax next/prev pagination is positioned at the bottom, you will need custom work to move it, I suggest to get someone to help you as we cannot provide any type of custom work at this time, sorry.
3. The theme doesn’t have other design for sharing buttons you will have to change them via custom css or try to find and use a share plugin to look like you want.
4. Do you mean subscribe box? You have to use a plugin for this like MailChimp and use the shortcode on post template where you want to appear – http://screencast.com/t/cqEjFiNI
Thanks!
Hi,
You can add your background in Theme Panel > Background section – http://screencast.com/t/4YgVLW2udf2y and try this custom css to remove white background for page content:
.td-page-wrap{
background: transparent !important;
}
But you may need additional cutomizations as some post elements may have also background – http://screencast.com/t/9UfyMCYmwfS
Thanks!
Hi,
There are only few colors that are apply directly on shortcode button as black(default), green, blue.. what I tested and the #hex codes don’t work there. I don’t have a list of colors supported, sorry. A solution is to create your button in a page and take the shortcode and paste it in post content – http://screencast.com/t/SPcFoSldgod – http://screencast.com/t/7pAPG5YN9R – http://screencast.com/t/9ypgY52djbAd
Result: http://screencast.com/t/bGfiE3RzTwP5
Or you can use the shortcode and add the color something like this: http://screencast.com/t/mF1AGJIWOh8a
And use this like an extra class, so you can change background only for that button or if you have more buttons that you want to have the same color with this custom css: http://screencast.com/t/Wt37aY48J In this way you can add an #hex color.
.vc_btn-test {
background-color: #3C89AB!important;
color: #ffffff;
}
Hope this helps!
Hi,
.td_block_slide .td-image-gradient:before {
display: none;
}
I add it in the theme panel (custom css) and it dindt help..
Hi,
@shogunteam Please try this custom css to remove gradient from IOS slider thumbnails – http://screencast.com/t/ZneaSsxS
.td_block_slide .td-image-gradient:before {
display: none;
}
For Big Grids and Big Grid Slider you can use Style 4 – http://screencast.com/t/WHqbfgNQqsA
@skykid Please use Style 4 for Big Grid, and also use this custom css in Theme Panel > Custom Css to remove zoom effect:
.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
}
Thanks!
Hi,
1. Please provide a link so we can take a look if you still have this issue with thumbnails. Try also to regenerate only that image maybe it was not regenerated.
2. Try to change the module to display your articles on category page and save your settings as were added more features for category template – http://screencast.com/t/a2bJ1wNTh37U Also change the module for each template you may have issues also on search page for example – http://screencast.com/t/VoiG4Xjta7
3. Do you use speed booster? This usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme default color appears first then changes, because of the cascading property of css. A solution is to change the color directly into the css style-sheet, which will make your colors to load first and stay that way.
4. You can change the date format form WordPress settings – http://screencast.com/t/tHRb1anDA6R
Thanks!
Hi,
2. I have added this on our list and it will be fixed as soon as possible, please try this custom css till then – http://screencast.com/t/358CUhe3c7nA
.td-footer-wrapper .widget_text img {
width: auto;
}
Thanks!
Hi,
thanks for the reply. I used you css – works perfect for the moment. Also thank you for putting the request to your to do list.
regards,
julingn
Hi,
Yes, it will be an option to change the background color for blocks titles in the next update. You can try this custom css till then – http://screencast.com/t/C4kQAuYFAQ8
.block-title a, .block-title span, .block-title label {
background-color: red !important;
}
.block-title {
border-bottom: 2px solid red !important;
}
Thanks!
Hi,
This issue will be fixed in the next update, please try this custom css till then:
.td-g-rec-id-content_top .adsbygoogle, .td-g-rec-id-content_bottom .adsbygoogle {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
Hope this helps!
Hi,
Please regenerate your thumbnails – https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ you don’t have to use custom css if your images are large enough to be cropped.
Thanks!