- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
If you want to add background to the title please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/z0nchmUkhia
.td-post-template-4 header .entry-title {
background-color: rgba(0, 0, 0, 0.47);
padding: 10px;
}
Thanks!
Hi,
Like I said I also tried to change the width of the iframe but the image cannot be enlarged via css – http://screencast.com/t/Oo7a7zPto
Thanks!
Newsmag has a fixed width for a magazine layout – but is responsive to “collapse” to smaller units of the grid based on viewport, and the “grid” would have to be changed quite a bit to allow different widths as all the sizes, sub columns, short codes, etc., are based on the “grid” — as most responsive design is now done (e.g., bootstrap) etc.
You would need to do something like manually edit the CSS to make the post width one unit wider “in the grid” and then the sidbar one unit less “in the grid” — but then many of the modules might not fit any more, etc.
Not easy!
Hello Emil,
change something on the Custom Typography section and then make another change on the custom fonts?
Yes.
I changed font url, but it wasn’t affected. Then I check options in database and see that problem, td_fonts_css_buffer value didn’t update when changes save.
-
This reply was modified 11 years by
mustafauysal.
CSS option to have the ticker just change vs “fade” might be nice, as in previous version.
Thanks Alin.. I was able to fix over the weekend. but wasnt sure if it would throw something else off with the fix I employed.
I was able to fix it by changing this style in style.css from 339px to 338px
.td-block-span6 {
width: 338px;
padding-left: 20px;
padding-right: 19px;
but is this going to cause an issue somewhere else?
I think you may be mis understanding and you proved what I was saying the problem is.
The issue is the CSS styling in Newsmag. In the default wordpress theme, in your screenshot, the comments properly had spacing between the paragraphs. However in Newsmag, because of the Newsmag CSS, there is no spacing between paragraphs for comments.
Hi,
You need the same method and the style sheets id’s to move them to the footer using the speed booster plugin.
All used scripts are registered and the td_inspect_scripts() function returns a list of registered css and js from your site however some plugins may load after it and that’s why it doesn’t return all js.
You could try to play with the priority, if it doesn’t return all js – http://screencast.com/t/7fhfjttAT8 –
http://codex.wordpress.org/Function_Reference/add_action
This is recommended for advanced users only so if you don’t have php knowledge I suggest you get someone to help you with this.
Thanks
Hi,
The image are enlarged due to this custom css: http://screencast.com/t/A3BO1hLk
I suggest your remove it and use images at least 700×405 dimensions to have them fit the slider container: http://screencast.com/t/2n6VyeRrv
I’m not sure how this page: http://beta.copperberg.com/events/ – which I believe you’re referring to is built as it hasn’t been designed using theme’s blocks or modules so I’m not aware of the available settings for this.
Thanks
Hi,
Do you refer to the latest articles sidebar?
For this you need to add an class in the page template: http://screencast.com/t/KqgkJcM1XR
And use the above css to hide it.
Thanks!!
Hi,
Glad that you managed to solve this. It may have been a css issue, I think that the old css of news ticker was loaded as we have changed a bit news ticker.
Thanks
Hi,
You can use Ad box black in the page but please note that I provide you a custom css for that border – https://forum.tagdiv.com/topic/3-question/#post-39980 so it may break it if you display the ad there, just remove that css if you make this change.
Thanks!
Hi,
I’m not sure if you want something like this – to have full menus(top an main) on default style.
If you want something like this you can replace header style 1 template with this code(make a backup of the file): http://pastebin.com/2iRriKP1
And add this css in Theme Panel > Custom Css: http://screencast.com/t/Mwvv6ow2nCi – http://screencast.com/t/5F5v3IXwUW
Also you can use do_shortcode() function use a custom ad bellow the menu – http://screencast.com/t/O5N6AaFXM – http://screencast.com/t/aMlF2JhA
Thanks!
I just tried the CSS with post# to hide the ads.
But it didn’t work. I also tried the different .css sheets in case I put it in the wrong place.
Where exactly would you add that css in to hide the ads on individual posts?
Thank you!
Hi,
Do you refer to the blockquote? the blockquotes are styled with css – http://screencast.com/t/EbVKSL2cLmD
To change the way they appear you have to modify the css.
If you want to add quotes in the text use the keyboard double quotes ” , don’t use the blockquote.
Thank you, Emil G.
Hi,
1. Please try to increase this value – http://screencast.com/t/pYTGOtpxZA
2. You can add it like this in a div so you can use css to modify: http://screencast.com/t/Yf3iITwdOh3X
<div class="test"> <?php echo "Follow us";?> </div>
Result: http://screencast.com/t/qcayA8cSmA
.test {
float: left;
color: red;
}
Just replace with your class and add it in Theme Panel > Custom Css.
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
@soumitmis Please follow this guide to create a smart list – https://forum.tagdiv.com/smart-list/ just write your content:
*Title
*Image
*Description
When you want to use [td_smart_list_end] you have to add this tag at the end of your smartlist then add the content – http://screencast.com/t/rTCktgJmlk
That will repeat on all slides: http://screencast.com/t/rlzYf7WTo1
Also this topic may help – https://forum.tagdiv.com/topic/smart-lists/
About gallery I’m not sure what is the issue. I also tested this and it works fine – http://screencast.com/t/K3IyJlte – http://screencast.com/t/1jkQn9Mcr9J
You have the same text in caption and in description that’s why it is repeated the same text. You have hidden the caption using css, but for modal appear both.
Thanks!
Hi,
Unfortunately this issue appears because of css code that is applying in cascade(like I said above).
Thanks!
Hi,
The top menu was not designed for mobile screens that’s why is hidden so displaying it you may need some other modification.
Please use this custom css in Theme Panel > Custom Css to display top menu and hide the wp bar: http://screencast.com/t/yiAFzcsSWtD
@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
#wpadminbar {
display: none;
}
}
Thanks!
Hi,
I have checked your site and the images are loading also on mobile devices. If you want to disable lazy load feature there is an option in Theme Panel > Template Settings: http://screencast.com/t/4UcPOSoS46
If this is not what you mean please provide more details (which mobile device did you use), also you can check this without any plugins active, leave just Visual Composer active and clear cache. Disable also js/css minification.
Thanks!
Hi,
You can use media queries to hide it mobile view:
@media (max-width: 767px) {
.td_block_big_grid {
display: none;
}
}
Just paste the code in Theme Panel > Custom Css and also if you want to hide the Big Grid only on home page please add .home class – .home .td_block_big_grid
Thanks!
Hi,
I’m not sure is this is how you want to display it – http://screencast.com/t/90row1eKP
Please try this custom css in Theme Panel > Custom Css if this is what you want:
.td-a-rec-id-custom_ad_8 .ac_adbox {
text-align: center !important;
}
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css for this: http://screencast.com/t/P2LtjFnLl – http://screencast.com/t/8eaCvPf1T
@media (min-width: 768px) and (max-width: 1023px) {
.td-stack-classic-blog .sf-menu a.sf-with-ul {
padding-right: 10px;
}
.td-stack-classic-blog .td-affix .td-logo-sticky {
display: none;
}
}
To achieve this for tablets view I had to hide the logo sticky menu.
Hope this helps!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
I’ve purchased NEWSMAG and it’s really awesome. So first of all – thanks for the great theme.
While I’m setting up everything I wondered, if it’s possible to adjust the overall width. I like the boxed style a lot, but would prefere a slightly wider box with a little wider content area (sidebar is just fine!).
Is there an option or just a piece of css to adjust the width of the content area without messing up the whole layout?
Thank you very much,
kind regards,
Floda
Be sure to clear your cache as it does work … 🙂
It will move js to bottom but not main CSS which is supposed to be at top or page would flash with no styles first … for any custom plugins stuff you’d have to add those items to the plugin per the theme docs to have the move to bottom.
Luckily a lot of savvy plugin devs are now automatically having option to move stuff to bottom vs putting at top.