- 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 lettogsunn,
1)As you can see in our demo preview, for post template default, the content is already BELOW the top picture and it is not above of it, like this -> http://demo.tagdiv.com/newspaper/120-er-visits-linked-synthetic-wordpress-nyc-past-week/ -> http://screencast.com/t/TlFbWEE5 If is not what you mean, please provide more details in this regard.
2)It is required for your website URL so I can further inspect your icons and also, so I will be able to provide a more accurate response.
3)You have to leave to active this option from your panel and then you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custm CSS area.
The code is ->
.home .td-module-meta-info {
display:none;
}
.td-ss-main-sidebar .td-module-meta-info {
display:none;
}
4)This is our block 13 -> http://demo.tagdiv.com/newspaper/block-13/ It shows the title and the excerpts below the title. I do not know what introduction you are referring to. Please provide more details in this regard.
5)Unfortunately, this is the standard design for our blocks and if you want to change the structure of this you can damage the layout of them. Also, please notice that is not a simple task and require some additional customizations. As a hint, you can begin to block 20 with the below code.
The code is ->
.td_block_20 .td_module_14 .td-module-meta-info {
bottom: -170px;
}
.td_module_14 .td-excerpt {
margin-top: 170px;
}
6)Please try the code below.
The code is ->
.td_block_related_posts .td-related-right {
display:none!important;
}
7)I suppose that you are reffering to our smart side bar. For more information about how you can create this, please check our documentation here -> https://forum.tagdiv.com/smart-sidebar-2/
Hope this helps!
Thanks.
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/IKJu3bCR
.td-theme-slider{
margin: 0 19px 0 0px;
}
Thanks!
Hi,
The category tags can be removed from the theme panel so css code is not necessary: http://screencast.com/t/mZJFwRAiN
If you still want to use css to target only big grid 3:
.td_block_big_grid_3 .td-post-category{
display:none!important;
}
Hope this helps.
Thanks.
Hi to the discussion,
Meanwhile you guys are fixing the problem it would be helpful to let us know how we can activate the “hamburger menu” for Tablet, I couldnt make it with CSS. Anyone?
Thanks!
Tagdiv’s support answer was to remove some code. The code to remove is shown in one of the links below.
Here’s their answer:
1. The theme display the default share buttons on post, but you can change that by modifying the code like this:
-social sharing top: http://screencast.com/t/5cOfEKhOvq -social sharing bottom: http://screencast.com/t/HaYAos2UW14E
1. You can use Wp Text widget http://screencast.com/t/Rj251NC5yOPU to add a new share button but notice that the php code will not be interpreted, you can use only html, js and css, also make sure you insert the code in text format: http://screencast.com/t/woDhLq9Li5 Notice that you may need additional css customization for your buttons. The result could be like here: http://screencast.com/t/Br8L5bpjk
2. The social networks from Theme Panel > Social Networks are adding the corresponding social network icon into theme’s top bar section in front end and will link to the social page you set here: http://screencast.com/t/Nr5yKbQ9Tt – http://screencast.com/t/dpkjL2Nff
Thanks!
Post Link: https://forum.tagdiv.com/topic/three-questions/#post-66068
Hi there,
as i found in your showcase of newspaper-users, there is a smart and clean and elegant gallery on this:
http://www.londoninstereo.com/sulk-gallery/
Can you tell me, how do i make this? do i have to change some css? the standard-tagdiv-gallery is shown with a black corner and the number of the image of the total number of images. i like it more like londoninstereo.com. so i would apreaciate your help with it.
frank
Hello putiek,
Unfortunately, this counter do not come from our theme but only from FB Comments. Please check your plugin and try to disable these from the panel of the plugin because I cannot hide with custom CSS code because does not exist any class that I can target them, sorry! ->> http://screencast.com/t/3CmrTB4a
Thank you for your understanding!
Hello Vesa,
In order to achieve as you wish, you have to alter the code according to your post template used, as you can see here -> http://screencast.com/t/U8mSq0gP and then you have to use a bit of CSS code for better results.
The code is ->
header time{
margin-right: 2px!important;
}
Thank you for the message!
Thanks for the fast response and help I´ve set it but now like i thought the homepage container title and author on post are not good.
Is there a css code to chage the style only for the author page?
http://www.screencast.com/t/be8IhCDHL
http://www.screencast.com/t/FI8hH0pgShQc
I have deleted the code at the moment.
Thanks Sylvester
Hi
You can achive that by adding this code in td_module_slide.php file like here: http://screencast.com/t/WDnuBzmxSP
$buffy .= '<div class="td-excerpt"">';
$buffy .= $this->get_excerpt(20);
$buffy .= '</div>';
You also will need this css to set excerpts color: http://screencast.com/t/tAGe0tuWg –
.td_module_slide .td-excerpt{
color: white!important;
}
Let me know how it goes.
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hi
The above css works fine as can be seen here: http://screencast.com/t/IOfi1bO4Tc but it’s applied on post editor only, not on front-end.
Thanks!
Hi,
You can assign a cutom css class on the row that contains the big grid. If the 2 blocks are in the same row make sure you separate them like so: http://screencast.com/t/hwt3uvon
Then you can use css like so:
.mycustomclass .td_block_wrap{
margin-top:-46px!important;
}
Hope this helps.
Thanks.
Hello,
The child theme unfortunately is not update proof. if you only use css in the child theme, you are better off without it as you can add custom css in the theme panel-> custom css box. If you still want to use the child theme, Unfortunately the css will have to be added again on every update as style.css is modified every time an update is available. The child theme was meant to help in the update process to not update the customization every time a theme update is released but it has it;s downside You still have to update the files that were modified in the theme update. For example if you modify a php file, let’s say header.php, and use it in the child theme, you will have to watch out for this file in every update and when you see it got modified, you need to replace it in the child theme and re-make the modification.
I hope this helps.
Thank you!
Hello,
Unfortunately the theme does not have such a setting. It will have to be made custom. i could try to use a few css tricks but i will need a link to your site so I can create the code directly on target.
Thank you!
Hi,
These 2 issues you have, are clearly some external css overwriting the theme;s. please try to disable all plugins except visual composer, clear cache and reset cdn files. Also if you have customization in place, please make a back-up of your code and restore the theme to it’s default values. In these cases a css fix is not the proper solution as you need to identify the root of the problem rather than covering it up with css.
Let us know how it goes.
Thank you!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/MGDfpdoJxH
@media(min-width: 768px){
#td-outer-wrap{
top: -20px;
}
}
Thanks!
Hy
You can use this css in theme panel > custom code > custom css to hide more article pox on mobile devices: http://screencast.com/t/kQu6zk5n34gU
@media (max-width: 768px){
.td-more-articles-box{
display: none;
}
}
Let me know how it goes.
Thanks!
Hello erikbaseball2,
So, do you have some customization through code or some custom CSS added by you in the theme, which could affect the mobile menu? If not, please send us an email at contact@tagdiv.com with your log-in information (wp-admin) so I can further inspect your setup page. Also, please provide the link of this topic so we can know who you are and what the issue is.
Thank you for the message!
Sorry if this sounds basic, but do I update the child theme if I updated the Newspaper parent theme? In my child theme I have only used CSS. My child theme is Version: 6.7.1.1461400149 while the parent theme is Version: 6.7.2.
If I do not need to update the theme, is it because it is a minor update or if say the update is from Version: 6.7.2 to Version: 6.8.0 or 7.0.0, will I have to update then?
My website is: http://www.auroranovels.com
Thank you.
Using this custom css.
.td-header-wrap {
position: relative;
z-index: 2000;
}
But there is a random 24px white bar above td-header-wrap td-header-style-1.
Is there a way to hide that element so it does not show anyone?
Hello pasqualino77,
Unfortunately, our theme does not have such an option to offers you a way to order the category’s posts after A-Z order, sorry! If you want to add this option for our theme, please notice that is not a simple task and require a lot of customizations through code that requires having a solid knowledge of PHP/HTML/CSS in order to achieve that. If you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thank you for your understanding!
Hi
You can use block’s specific css classes to add a custom style for it. Please check this tutorial for more details about how can be found the necessary classes for a specific elemnt: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks!
Hi
I assume that you’re referring at scroll to top button. You can make that button viable on mobile by adding this css in theme panel > custom code > custom css: http://screencast.com/t/aMOGjXdA
@media (max-width: 767px){
.td-scroll-up-visible {
display: block!important;
}
}
Thanks!
Hello Sylvester77,
Please notice that all your requests mean style customizations that involve custom work and we cannot provide customization services at the moment, sorry! If you want to change the style of our theme and you are not aware of the steps which you are needed to take in this regard, please consider hiring a freelancer/developer to help you.
You can try the following code and place it in Theme panel->Custom CSS area.
The code is ->
.td-page-title {
color:white;
}
.td-module-meta-info .td-module-title a{
color:black!important;
}
.desc {
color:white;
}
The result you should see here -> http://screencast.com/t/ggSvRiT0WhMg
Thank you for your understanding!
Hi,
Sorry for not spotting this earlier, i was not looking on the mobile version, as i knew the ads dropped below the blocks. It seems something is preventing the css to apply properly. You can use this custom css to fix it and I will add this issue on our buglist for further testing:
@media (max-width:767px){
.td-pb-span4 .td_block_15{
float:none!important;
}
Thank you!