- 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 theme’s ad settings: http://screencast.com/t/PLzq945giwr and the custom css code from below then check again.
@media (max-width: 1018px) and (min-width: 768px) {
.td-rec-hide-on-tp {
display: none;
}
}
@media (max-width: 767px){
.td-rec-hide-on-p {
display: none;
}
}
@media (max-width: 1140px) and (min-width: 1019px) {
.td-rec-hide-on-tl {
display: none;
}
}
@media (min-width: 1140px) {
.td-rec-hide-on-m {
display: none;
}
}
Thanks
-
This reply was modified 11 years by
Lucian.
Hi,
You can try to use custom css for it and set the logo’s image max height using this css in theme panel > custom css section:
.td-header-style-7 .td-header-sp-logo img {
max-height: 100px;
}
Let us know how it goes and provide your site’s URL so we can inspect it if you need a more accurate answer on this.
Thanks
Hi,
Yes, you could but in that case the content still will be loaded just hidden. You can use the css code snippets I’ve pasted below to target each screen width and hide the blocks/widgets you donl;t want.
/* responsive phone */
@media (max-width: 767px){
add your css code here
}
/* responsive portrait tablet */
@media (max-width: 1018px) and (min-width: 768px){
add your css code here
}
/* responsive landscape tablet */
@media (max-width: 1140px) and (min-width: 1019px) {
add your css code here
}
/* responsive monitor */
@media (min-width: 1141px) {
add your css code here
}
Thanks
My website mobile page loading speed slow, I found some problem check this link :
1. Eliminate render-blocking JavaScript and CSS in above-the-fold content – http://prntscr.com/7ptf9r
2. Minify CSS – http://prntscr.com/7ptfyg
3. Minify JavaScript – http://prntscr.com/7ptg3v
4. Minify HTML – http://prntscr.com/7ptg7k
How to fix it?
My site link: https://mydreamlives.com/
Hi,
1. Theme Ad system was designed for adsense code, for non-adsense banneres you will need to find a solution like those divs that we recommend, please check documentation – https://forum.tagdiv.com/header-ad/
Also you can hide it via custom css in Theme Panel > Custom Css: http://screencast.com/t/y3xrhMWWq8
@media(max-width: 767px) {
.td-header-sp-recs {
display: none !important;
}
}
2. Unfortunately the theme doesn’t have such an option, if unique articles feature is active it will be applied on all block from the page. You will have to filter posts by specific category on your blocks or maybe offset feature will help please check this – https://forum.tagdiv.com/unique-articles-and-offset-newspaper/
3. Unfortunately you will need to edit the plugin or use a hook to filter the content to add no follow to the button link and this is not an easy task. Also Call to action from Visual Composer is deprecated – http://screencast.com/t/DX7VtgZr9G and I guess that it will be removed.
Thanks!
Hi,
You have this issue because you use Visual Composer on posts page, unfortunately the tagdiv gallery was not designed for to be used in a text block in post. I have added this on our list and we will take a look at this and we will try to fix it in a future update. Using that custom css will break it on pages – http://screencast.com/t/EQRFHtUvD Try to target only post template and when is used in a text block like this:
.single .wpb_text_column .td-gallery-slide-copywrite {
background-color: rgba(0, 0, 0, 0.8);
display: inline-block;
float: left;
font-size: 11px;
font-style: italic;
line-height: 1;
padding: 4px 6px;
text-align: left;
}
.single .wpb_text_column .td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
bottom: -50%;
left: -85%; // Changed
margin: auto;
overflow: auto;
position: absolute;
right: -50%;
top: -50%;
}
Thanks for reporting this!
Hi,
1. Here you can see all thumbnails sizes that are used on modules/featured images – http://screencast.com/t/jsnReCqmbKTb if you want to change or add thumbnail size you will have to edit – http://screencast.com/t/8MITol7p and the thumb is used on each module – http://screencast.com/t/Z8LXUOclzo If you do any changes please regenerate your thumbnails – https://forum.tagdiv.com/using-the-theme-with-existing-content/
2. You will need custom work, unfortunately we cannot provide any custom work at this time, sorry! You can edit all blocks where you want to make your custom modifications – http://screencast.com/t/FWRgereEu and here you can change the functions for all blocks – http://screencast.com/t/yfXhwjntA8
3. The only option that the theme has, is to place an inline ad after x paragraph – http://screencast.com/t/IvxEsMjt5
4. There is no extra field for title of the site, we just use wordpress url for author box. A solution is to make this change – http://screencast.com/t/103oZ7QcZl – http://screencast.com/t/UjuVFBGCI
5. Please check Translations section – http://screencast.com/t/9NqBbNwo
6. Check this solution – https://forum.tagdiv.com/topic/related-article-box/
7. Please use this custom css in Theme Panel > Custom Css for post template 3 and 4:
.single_template_3 .td-post-featured-image, .single_template_4 .td-post-featured-image {
pointer-events: none;
cursor: default;
}
8. Not sure what you mean, theme have a various styles for category page – http://screencast.com/t/uu33kDROOd
9. Change here to take the featured posts – http://screencast.com/t/0qdQfFpAa8tX and also make this change so the featured filter appear – http://screencast.com/t/dTotgT95dds – http://screencast.com/t/ii4TSLwc
10. You will have to search in code all references to the “featured” name and replave with “features”. This is not so ease as you have to make sure that you change all, as some issues may appear.
11. You need to use a plugin like WP User Avatar – http://screencast.com/t/FbbMthPmy4Rn
12. Please check documentation – https://forum.tagdiv.com/td_api_moduleadd/ If you’re a beginner we suggest that you look for tutorials or professional training before trying to use this feature as we will not explain the syntax elements which are present in the code.
13. Unfortunately the theme doesn’t have an option for this but you can change the color using custom css in Theme Panel > Custom Css – http://screencast.com/t/cuoptJBP7
@media(max-width: 767px) {
.td-banner-wrap-full, .td-header-style-11 .td-logo-wrap-full {
background-color: #ffffff !important;
}
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
I bought the template today. if i want to install the Template it say’s ” the package can’t be installed. The theme misses the style.css stylesheet. ” installation failed.
Am i doing something wrong here.
please help.
I want to replace current theme main style.css with my custom CSS which I am using from CDN, so which file i have to edit for header changes.
Hi,
Yes, it should work if you have activate the child theme. I have also checked changes in style.css file from child theme and they were applied.
Thanks!
Hi,
I have checked your post and I saw that your button has 100% width – http://screencast.com/t/WuFMKIeHFlz Also if you want to create some effects on hover only for outlined buttons you can do it via custom css. These are the classes created for outlined buttons – http://screencast.com/t/N5yfb4pR and this is specific one .vc_btn_outlined, you can try to use it like this:
a.vc_btn_outlined:hover {}
Thanks!
Hi Guys,
I’m using header style 7 and my logo is displaying at 320 x 105 px. I’d like to be able to customize the size and make it bigger as needed. Is there a Custom CSS code that will let me control its dimensions?
Thanks!
Complicated. You would need to edit the style.css file and other things; some might not fit anymore, such as images, modules, etc. — actually easier to use the “wide” theme, Newspaper 6 for “wide” theme.
Hello
Since the 6.2.1 update of course the hack in CCS disappear.
So I did what you told me and another time remove the line with table width 100% line.
In panel custom CSS, it already have:
.table { border: 0; width: 200px; cellspacing:0; cellpadding:10; align:right; }
But now the table still are in 100% and not in 200px large.
http://www.virtualmagie.org/articles/critiques/videomania/unboxing-de-nicholas-lawrence/
Any idea how to soluce that?
Regards
Hi,
You could start with this css(add it in Theme Panel -> Custom CSS): – http://screencast.com/t/juRt1QwMPs6
@media(min-width: 1200px){
.td-main-content-wrap .td-container {
width: 1302px;
}
.td-main-content-wrap .td-main-content {
width: 1002px;
}
.td-main-content-wrap .td-pb-span4{
width: 300px;
}}
It will modify the content width on desktop, other adjustments are required for featured images or other elements to make them look right on the new width. If you don’t have experience with css i suggest that you look for a professional to help you with this task.
Thank you!
Hi,
Please upgrade to version 6 via FTP, by removing the old theme(like it is specified in the documentation) as this version must be regarded like a new theme so make sure that old files will not remain as it could cause some issues – https://forum.tagdiv.com/how-to-update-the-theme-2/ and update also the plugins that come with the theme files. Then please run the script, it will import old settings from database and it will change the shortcodes(it is specified in the docs) – http://screencast.com/t/eZxxuqvsTir Unfortunately you will have to re-add widgets on your sidebars, some of them may not be imported or don’t exist anymore, also please note that if you have custom modifications to the theme files or custom css it will not work with new version.
Hope this helps!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
I’m not sure why you have this issue as there is a default hover color that is applied on social icons as you can see also on our demo – http://demo.tagdiv.com/newspaper/ but in your case it is not applied when you hover an icon even there is the css for it – http://screencast.com/t/hcQDb3ScLpCU
Please check this without any plugins active, leave just Visual Composer active, clear cache and purge your files if you use CDN and see if you still have this issue.
Thanks!
Hi,
If you want to use a fixed width ad on desktop/tablets/mobile you can try this custom css in Theme Panel – http://screencast.com/t/VYIfXbc0GBHi
.td-header-sp-recs {
width: 300px !important;
float: right!important;
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi Alin,
thanks for the feedback – I’ve tried the steps you’ve suggested, but no luck. However I have been able to replicate the problem by creating a new (empty) post and adding a tagdiv gallery using the classic interface, it works fine. But when I switch to visual composer and add another section, for example a text block below the slider image is offset to the right, as well as the caption text immediately below the photo!
I’ve added some custom CSS to the page to fix it as a temporary workaround, maybe this can give you a clue as to what causes this. Are you able to replicate the same issue on your Newspaper installation, or is it just something specific to my setup?
.td-gallery-slide-copywrite {
background-color: rgba(0, 0, 0, 0.8);
display: inline-block;
float: left;
font-size: 11px;
font-style: italic;
line-height: 1;
padding: 4px 6px;
text-align: left;
}
.td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
bottom: -50%;
left: -85%; // Changed
margin: auto;
overflow: auto;
position: absolute;
right: -50%;
top: -50%;
}
Hi,
Thanks a lot, the change in style.css works.
For the text color I have added this code in custom css:
@media (max-width: 767px){
#td-top-mobile-toggle i, .header-search-wrap .td-icon-search{
color: black !important;
}
}
I hope the code is ok – it seems to work in any case.
Walther
Hi,
Do you refer to the author comments? – http://screencast.com/t/jSt01W0oJl If you do there is no option to hide this from Theme Panel, you will have to use custom css in Theme Panel > Custom Css – http://screencast.com/t/WduvbckcW5
.author .td-author-comments-count {
display: none;
}
Thanks!
Ok, I just installed child theme and did following.
Copied style.css from Newspaper to Newspaper-child
Made necessary changes to style.css under Newspaper-child
Hope it’s ok ?
Hi,
Unfortunately this file will be overwritten when you will update the theme. A solution is to use child theme as style.css file can be overwritten by child theme files. You can find the child theme, if you want to install it, in /code folder from package that you downloaded from themeforest – https://forum.tagdiv.com/whats-included/
Thanks!
Hi,
Yes, can add add xing social network to appear to your profile like I suggested above, also install Font Awesome 4 Menus plugin and use this custom css – http://screencast.com/t/qdyVUMxI
.td-icon-xing:before {
font-family: FontAwesome;
content: "\f168";
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
@Aline: How about widget on the post (which is not use the Composer) ? Now to add more attribute for CSS ?