- 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, I edited the file indicated in one, but in the newspaper theme. I added the edited file to newspaper-child/includes/modules, and I have functions.php and styles.css included in the newspaper-child root folder.
Nevertheless, the social buttons still appear when I open an article. Should I perform an extra step to ‘activate’ the child theme, or do I have to edit different files in Newspaper?
Hi,
this issue is caused by the css you added to change the logo width. This css no longer applies to the homepage in newspaper 7 as the logo css was changed.
please use this code instead if you wish to change the logo dimentions:
.td-header-sp-logo img {
width:150px!important;
}
Thank you!
Hi,
There is no standard FAQ element that comes with the theme, that is why i could not guess what this element is. It seems to be an accordion from visual composer. Accordions have their own styling. Please provide a link pointing to this element so I can inspect and provide the css needed to change the text color.
Thank you!
Hi, I figured it out, but when I use your CSS it removes padding-bottom and the tile sits at the bottom of the picture ie. Big Grid 1 and Block 14 it removes everything. If I may suggest, such things should be a turn on/off rather than custom CSS.
-
This reply was modified 10 years by
yosoftware. Reason: typo
Hello mahmoudfathymohamed,
If you want to get rid of it the play icon for your featured videos, you will have to use a bit of CSS code. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-video-play-ico>img {
display:none;
}
Thanks.
HI
Try this css in theme panel > custom code > custom css: http://screencast.com/t/5dxjYZCbe1
.td-header-sp-top-widget {
float: right!important;
}
Thanks!
Hi
Try this css:
.td-subfooter-menu li{
border-right: 2px solid #ff823a;
}
.td-subfooter-menu li:last-child{
border-right: 0;
}
Let me know how it goes.
Thanks
Hi
The code works fine on my end. Make sure you clear all caches after the css is added in theme panel then test again.
Let us know how it goes and if the problem persist please send us an email at contact@tagdiv.com with your login credentials and we will inspect this issue as soon as possible, also include a link to this topic.
We didn’t included V 4.12 in theme’s path yet. Currently we test the new version and when all it’s ready will be included in theme’s path.
Thanks!
Hi
You can achieve that by adding this line of code in td_category_template.php file: http://screencast.com/t/W2DHGseBin – http://screencast.com/t/ElnLpV5m
$buffy .= '<li class="entry-category"><a ' . $td_css_inline->get_inline_css() . ' class="' . $class . '" href="' . get_category_link($this->current_category_obj->cat_ID) . '">' . $this->current_category_obj->name . '</a></li>';
Thanks!
-
This reply was modified 10 years by
Andrei L..
Just updated to V3 on a client site and the social icons aren’t looking good! The icons are now stretched out and look pretty bad. Is there a CSS change that causes this? If so, can you please show the CSS to get it back to perfectly round circles?
Hi,
Tried but failed, could you please have a look the screen shot attached and could you please let me know what is the correct code to make ‘HELPLINE’ red colour. So I can copy it and paste it on custom CSS.
http://asthramnews.com/screen/01.png
http://asthramnews.com/screen/02.png
Thanks
———————————————————–
#menu-main-menu-1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.td-menu-item.td-normal-menu.menu-item-362
After some research we found out that the problem only occurs on Samsung devices. We solved the problem with a change in the CSS code.
.td-search-background:after {
content: '';
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
z-index: -10;
-webkit-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
-o-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}
We deleted:
position: absolute;
display: block;
and the site was visible for the mobile (Samsung)users
Hi Lisborg,
We encountered the same problem. After some research we found out that the problem only occurs on Samsung devices. We solved the problem with a change in the CSS code.
.td-search-background:after {
content: '';
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
z-index: -10;
-webkit-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
-o-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}
We deleted:
position: absolute;
display: block;
and the site was visible for the mobile (Samsung)users
-
This reply was modified 10 years by
Sjoerd.
Hello appurohi,
Please try the code below and place it in Theme panel->Custom CSS area. Please remove the above code that I gave you above.
.sf-menu .menu-item-41 a:hover {
background-color:yellow!important;
}
I have tested on my side with the same code and work as properly in hover mode.
So, if the code does not apply, please send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further inspect your setup page because you have a lot of custom CSS and that’s why the code provided by me are not applied and I try to give a code for one menu item.
Thanks for your understanding!
Hi guys,
We are having a problem with the sidebar in our website. It is not showing up in the rigth place but is overflowing to the bottom part. When I look at the css there is some extra width that is controlling this, seems to be related with a column/row in Visual Composer but I don’t see how to solve it.
Can you help me with that? The website is this one:
http://tempoearte-h1st.net/IndianRoseLife/
Thanks
Hi,
Unfortunately the theme has n o such setting. you will have to use css to do it. Every menu item has it;s own class. You can use the browser inspector to change colors by following this guide: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ – http://screencast.com/t/v3svO2ypoga
Thank you!
Hello
Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-main-page-wrap {
padding-top: 10px;
}
Thanks.
Hi,
If you made any modifications to the theme code, please remove it including any custom css to see if the issue does not come from there. Also if you use a child theme, please switch to the main theme and check again. If you still have issues with this, please send us an email at contact@tagdiv.com and provide wp-admin so we can login and inspect the problem. Please also include a link to this topic so we can identify you.
Thank you!
Hello guys,
1. How can I move my header title up to where the breadcrumbs are placed? I plan on moving my breadcrumbs to the bottom of my posts.
2. Is there a way to my sidebar to the bottom of posts when its in landscape? My old css doesn’t work anymore: @media (min-width: 768px) and (max-width: 1018px) {
.vc_column_container .post {
display: block !important;
width:100% !important;
}
}
3. Once I delete the search bar, how do I expand my ubermenu to reach span 4?
Hi
I assume that you’re referring at the margin issue. if so use this css in theme panel > custom code > custom css to correct it: http://screencast.com/t/B6xlRN3sBE
.single .vc_row{
margin-left: 0;
}
Let me know how it goes.
Thanks!
Hi
Each demo have its own style and to combine theme in most cases you’ll need a bit of custom css. For example the color for block’s title can be set from Visual Composer for each black but to have the same padding you’ll need this custom css: http://screencast.com/t/JaOfk9HUY9Kx – http://screencast.com/t/kmQgh01r1m3
.block-title span, .td-medicine .block-title label {
padding: 7px 14px;
}
Thanks!
Hi,
1) your social counter is not updated that is why it does not show up. Newspaper 7 requires version 4.1 of the social counter. Please disable and delete files for your current social counter plugin and then install it again from here: http://screencast.com/t/SZshTPHj
2) Please remove any custom css you might have regarding the header or the logo and restore the header to the theme default.
Thank you!
Hello muggi15,
I suppose that you want to change the background for your mega menu, right? Unfortunately, our theme does not have option from the Theme panel to change this, but only if you are using custom CSS code If you want this, please try the code below and place it in Theme panel->Custom CSS area and the result you should see here -> http://screencast.com/t/ngMqwt2WSqSR
The code is ->
.td_block_mega_menu, .td_mega_menu_sub_cats {
background-color:red;
}
.td_mega_menu_sub_cats .cur-sub-cat {
background-color: red;
}
If is not what you mean, please provide more details.
Thanks.
Hello sniperetn,
Upon further investigation, as you can see on your demo preview for Block 13, this is the default theme behaviour for this type of block/module. As I could see on your website, you are using the Block 13 without sidebar, using the full-width of the theme, right? So, this block uses the module 14 to display the feature image. In this case, the thumb is created as properly, with this sizes -> 696*385 px -> http://screencast.com/t/Q4aitWfJpL8o If you do not use the sidebar, the feature image was cropped to the thumb dimension and then with a bit of CSS it will be stretched to fit full width of the theme which is 1068px and that’s why your image is not clear because it loses quality. If you check our demo, you will see the same behaviour for this Block, like this -> http://demo.tagdiv.com/newspaper/block-13/ -> http://screencast.com/t/QDr9R8kqkt and the same case appears on your website, like this -> http://screencast.com/t/r7hIXbIsbmjs
As a hint, as you can do in this regard, would be to change the thumb dimension from the module 14, like this -> http://screencast.com/t/7vYhy9B5qpf9 -> http://screencast.com/t/XciGoQrE and then you will have to regenerate your Thumbnails using the Regenerate Thumbnails or Fore Regenerate. Please notice that additional customization may be required and 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!
Thanks for your understanding!
Hi,
The video demo has a cutom css set to the row in visual composer. You can use the row’s design options for this from the row settings: http://screencast.com/t/HJfg5kqVEPEA You can also add a cutom class to the row and target it with css to apply a top padding like on our demo.
You can change the block titles colors from the theme colors section: http://screencast.com/t/L15Qo19sNl
As for the SAY WHAT demo, the padding is removed with custom css.
Please note that every demo has it’s own custom style to it and most of the times these are added with custom code. They cannot be done with the theme settings by default. Every demo is custom made and unique in it’s own way.
Thank you!