- 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
Hi,
The tagdiv blocks were designed to work on 1,2,3 columns, so like I said above if you change the page width or sidebar width(1 column) you will have to adjust also the blocks/modules as they will not be displayed properly – http://screencast.com/t/D2Brn6NId – http://screencast.com/t/YkWB3jXP If you change the width – http://screencast.com/t/MY9h88LZ – http://screencast.com/t/wpLrHRYePHN
This is an example to see that it is not an easy task and it wont work only to change the width, you will have to review all the css and also the responsiveness of the theme.
Thanks!
Hi,
You have that space because you use the blocks in Tabs so there is the default block bottom spance and it is added also the Tab space. Please try this css and see how it works out:
.vc_tta-container .td_block_wrap, .vc_tta-container .vc_tta-panel-body {
padding-bottom: 0px !important;
}
Google chrome’s inspector is much better at these tasks and you can use a chrome extension to test your css called “live css editor”. it’s easier that way.
Thank you!
-
This reply was modified 10 years by
Alin [tagDiv].
-
This reply was modified 10 years by
Alin [tagDiv].
Thank you. That worked. Is there a line I can comment out in the code somewhere to prevent the css from being added to the footer now? I don’t need it in there twice. I realize by doing this that theme panel changes will need to be hard coded, but I already have the theme how I want it with no plans to change anytime soon.
Hi guys,
I have three questions. Number one:
I want to use a syncronous AdSense tag with a fixed size, but the theme keeps rescaling it like it’s an responsive asynconous Adsense tag. I really want to use the syncronous ad for the article top adspace to make it load faster. The resizing is not an issue, but the theme transforming it into an async tag is. How can I prevent the theme from editing a fixed syncronous Adsense tag? The rest of the article ads (inline and bottom) are used with async responsive tags which resize nicely!
Question two:
I really love the tagdiv speed booster plugin. There is only 1 problem: the plugin does not move my child theme style.css to the footer, which is good, but I still see the flickering at the beginning when the page loads. It somehow looks like the style.css (which has an @import rule to load the newspaper style.css) is still being loaded from the footer. When disabling the speed booster plugin the flickering stops and the page is loaded with the right style from the beginning. How can I use the speed booster plugin without this flickering thing, so I can still use it to move plugin’s CSS and JS to the footer?
Question three:
When using a child theme I somehow can’t minify the newspaper style.css without breaking the site layout. I’ve tried to manually copy the whole newspaper css into my child theme css and leave the newspaper css empty and then minify it, but that still does break the site. How can I minify the css while using a child theme without breaking the website’s lay out?
Hello
I did try firefox to find those CSS and change it and also yours but not working!
I am not really asking for custom works but to ask how to make block distance become normal like others
and as you said
“The tabs shortcode was renamed by the Visual Composer developers from version 4.6 and unfortunately the css code from theme doesn’t apply on tabs block”
what should I do to make tab menu block ‘s distance just “like your other blocks”
thanks
Hey guys, wondering if there is a way to exclude event listings in site searches.
For example, I have a calendar with a ton of events, which makes it difficult for readers to find articles when doing a search.
Here is a typical event listing. Any css that can tell search filter these?
http://brandinginasia.com/event/sijf-2015-2015-shenzhen-international-jewellery-fair/
Thanks as awlays
Hello posonty,
Maybe you have a custom CSS which maybe the culprit, but you can use this quick fix for your problem:
@media (max-width: 767px){
.td-pb-row [class*="td-pb-span"] {
padding-left: 10px;}
}
Ad the code in the theme panel->custom CSS
(You can increase/decrease the padding value to your preference)
Thank you.
Thanks Chris!
@paty0323 Please check our Chris’s tutorial here: https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and our page speed guide here: https://forum.tagdiv.com/how-to-make-the-site-faster/ (see the 5.2 section for instructions on how to move js/css resources to the footer using the speed booster plugin: http://screencast.com/t/d63V6yZlqgJc ).
Thanks
Hi
We use the less files in theme’s development process and at the end contents of these files it’s compiled in style.css We don’t intent to release a theme update that will use less files instead of style.css
Thanks!
Hello
We want to make pagination on homepage under block content from left to right
and also where to tweak his css? we want to make its bordera bit darker
also, could you please tell how to make block distance (shown as “B” on snapshot ) closer to each other?
thanks
Aily
Hi,
Every block has a bottom space so you can try to inspect this using the browser inspector tool to target those and remove the margin or padding bottom – http://screencast.com/t/YjorLPjnWm – http://screencast.com/t/7UUGAF3tz2u
I suggest to hire a freelancer to do this for you if you don’t have basic css/html experience as the time doesn’t allow us to provide custom work at this time, sorry!
Thanks!
Thank you very much!!!
Your css code runs ok 🙂
A new improvement to next versions will be a top ad article like inline ad to choose the place of the ad because this left align position is very good to make money.
Regards!!
Hi,
Please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/rwPy4qFbmj
.widget_tag_cloud .tagcloud a {
font-size: inherit !important;
}
Or instead of inherit you can add a specific size.
Thanks!
Hi
Usually that gray space appear when the image is smaller than the thumb in which it’s displayed, because WordPress won’t enlarge images, only crops them. To avoid that you can use a portrait image at least by the big grid thumb’s size. Also try to regenerate thumbs: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
To add a new big grid you can use theme’s API: https://forum.tagdiv.com/td_api_blockadd/ but this is a complex task and requires good coding skills, as you will need a custom css for its layout and depending by your needs maybe a new module. My advice is to look for a developer from sites like: http://studio.envato.com/ to help you with that, as we cannot offer any type of custom work at the moment.
If this is not what you mean please provide more details and your site’s url so I can inspect this isuee.
Thanks!
Hi,
You can try this custom css in Theme Panel > Custom Css as the theme doesn’t have an option to align the top ad like the inline ad – http://screencast.com/t/EwJGlmNn
.td-g-rec-id-content_top {
float: left;
margin-right: 20px;
}
Thanks!
Hi,
Unfortunately the top-bar was not designed for mobile device and it is hidden. You can display the sign in widget on mobile using this custom css in Theme Panel > Custom Css – http://screencast.com/t/XmLAEEm65m
@media (max-width: 767px) {
.td-header-top-menu-full, .td-header-top-menu-full .td-header-sp-top-menu {
display: block !important;
}
.td-header-top-menu-full .td_data_time, .td-header-top-menu-full .menu-top-container, .td-header-top-menu-full .td-header-sp-top-widget {
display: none !important;
}
}
If the code doesn’t work please provide a link so I can inspect this.
Thanks!
Hi,
Sorry for delay! We don’t work for weekends!
@meh6927 Please check this guide how to update to the version 6 – https://forum.tagdiv.com/how-to-update-the-theme-2/ make sure that you make a full backup before and do this without any plugins active. After you updated the theme please run the script to rename shortcodes, import old settings. All your custom sidebars must be imported as well, but unfortunately you will have to add again the widgets to them as they become inactive or doesn’t exist anymore.
Please note that the Newspaper 6 should be regarded as a new theme, so you need to update also the child theme as the old customizations(files, css) will not work in this version and you need to adjust and re-add them. Here you can find the new child theme documentation(also you can find it in the /code folder) – https://forum.tagdiv.com/the-child-theme-support-tutorial/
@Gautham Please make a full backup of your current installation and try to update to the version 6 via ftp and disable all you plugins before, follow this guide – https://forum.tagdiv.com/how-to-update-the-theme-2/ Then follow the steps provided(in the docs and also above) to run the script, update the theme plugins…
Let me know how it goes!
Thanks!
if the css already like this http://www.screencast.com/t/CVp2wAAX
i use that to hide the pulldown menu
i paste the code after the code that already there or before ?
or i should use diffrent code for both ?
thank you for the response 🙂
Hello wisnuwijayanto,
It depends on what custom css you are using, but it shouldn’t interfere with your modifications.
Use this custom css code in the theme panel http://screencast.com/t/Mr8F8YEztEqv and you can hide the post view counter:
.td-post-views {
display:none!important;
}
Thank you.
Hi,
The theme comes with it’s own style for bbpress, you have to delete the style added in style.css – http://screencast.com/t/wNB9k9OSXwL2
Thank you!
Hello sineros,
The font settings from the panel will not be applied if you use Visual Composer as the theme supports Visual Composer but doesn’t have css for it. You will have to use inline css or add an extra class to the text block and use custom css to change the font. The panel settings will be applied only if you create your articles/pages using the default Visual Editor (No Visual Composer)
Thank you.
I have a large custom CSS file. I can either copy/paste the CSS into the “Custom CSS” box in the theme panel OR I can drop the CSS file in the folder of the child theme.
But which is better for website speed and overall performance?
Hello
I have applied your custom CSS on for tab menu and it works great so far but I find that
is too wide, could you please tell how to make areas arrow show narrow-er
thanks
Thanks Alin – that’s it ALMOST done!
I have removed the logo and added the custom css, however I want the banner to fit the WHOLE white header area, not just be centered with lots of white space.
http://www.smsoccerclub.com check it out now.
Can I do this with code?
thank you again
Hi
The theme generate a custom css when you make any modification in theme panel > theme colors. When Speed Booster plugin is used this css it’s moved to footer, that’s why appear that delay. To avoid that delay you can edit style.css file and add there all your custom css: http://screencast.com/t/tRXVaL2L You can find the custom css in page source: http://screencast.com/t/XEX2iJjdf
Let me know how it goes and provide more details if you still need assistance on this!
Thanks!
-
This reply was modified 10 years by
Andrei L..