- 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,
1)Yes, you can replicate any demo without the dummy data but you need to install that demo in order for the theme to load the specific css needed.
2) please disable the child theme if you do not see the save buton as the new multi-purpose plugin has an issue with the child theme that will soon be fixed.
Thank you!
Hello,
Sorry but the theme does not offer specific fonts for the buddypress templates. THey can be changed wit css though. Please provide an example of the fonts you want changed and I will provide the css code necessary.
Thank you!
Any chances to hide td-scroll-up td-scroll-up-visible icon? Shall I use custom CSS with ‘display:none !important’ or something like that?
Hello veeru1saini,
Unfortunately, the theme does not have any such an option that allows you change the mobile theme style from the panel, sorry! If you want to change them, notice that you should do it yourself with a bit of CSS code. As a hint, you should check the documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ to familiarize with the inspector browser and then, try to add your own custom CSS to make your desired changes.
Thanks for your understanding!
Hi,
Unfortunately there is no setting to change the number of modules in the top mobile grid, when using the mobile theme. This will display 3 of the featured posts. If you would like to display two posts, you could make the modification in the mobile theme plugin grid
– https://www.screencast.com/t/jhCtZycNV4ZY
The height of the modules could be changed with a code like this if needed
– https://www.screencast.com/t/3R1DrBrlrQ
.td_module_mob_2 .td-module-thumb {
height: 250px;
}
This code must be entered in Theme panel->Mobile theme->Custom CSS section. Experiment with different height values until you achieve the desired result.
Thanks
Hi,
It seems the default margins for blocks and block titles that are set for blocks/grids are not applying in this case. I could give you a code as a quick fix
– https://www.screencast.com/t/1dIbeMFbCirl
Enter it in Theme panel->Custom CSS section
.td_block_wrap {
margin-bottom: 48px!important;
}
.td_block_template_17 .td-block-title {
margin: 3px 3px 29px!important;
}
However this should not happen. The blocks and all theme elements are predefined and should display properly. You could carefully inspect the page with the composer used, check each element.
Thanks
Hello,
For the moment please use this custom css code:
.td_category_template_2 .td-header-style-3, .td_category_template_5 .td-header-style-3 {
border-bottom: none;
}
Thank you!
What language plugin are you using? does it have a specific class you can target with css? Please provide a link to your site and we can give it a shot.
Thanks.
Hello, just purchased the theme and am trying to copy elements from different demos into the homepage am building.
Nice theme by the way!
So by browsing previous questions, I understand that I have to copy css from the business demo stylesheet. So my question is where do I paste this and which places do I have to reference the class (td-business) from?
Below is the block 15 css (from business demo stylesheet) that I have managed to locate. Please advise!
@media (max-width: 500px) {
.td-business.home .td-business-home-row .td_block_15 .td_module_mx4 {
min-height: 16px;
}
}
.td-business.home .td-business-home-row .td_block_15 .td_module_mx4 .td-module-thumb {
margin-bottom: 0;
}
.td-business.home .td-business-home-row .td_block_15 .td_module_mx4 .entry-thumb {
display: none;
}
.td-business.home .td-business-home-row .td_block_15 .td_module_mx4 .td-module-image {
display: inline;
float: left;
}
@media (max-width: 500px) {
.td-business.home .td-business-home-row .td_block_15 .td_module_mx4 .td-module-image {
width: auto;
position: relative;
}
}
.td-business.home .td-business-home-row .td_block_15 .td_module_mx4 .td-module-image .td-post-category {
position: relative;
background-color: transparent;
padding: 0;
font-size: 16px;
font-weight: 600;
line-height: 16px;
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-business.home .td-business-home-row .td_block_15 .td_module_mx4 .td-module-image .td-post-category {
font-size: 12px;
}
}
.td-business.home .td-business-home-row .td_block_15 .td_module_mx4 .td-module-image .td-post-category:after {
content: '/';
display: inline-block;
margin-left: 3px;
color: #d6d6d6;
}
.td-business.home .td-business-home-row .td_block_15 .td_module_mx4 .entry-title {
font-size: 13px;
line-height: 18px;
}
@media (max-width: 500px) {
.td-business.home .td-business-home-row .td_block_15 .td_module_mx4 .entry-title {
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-business.home .td-business-home-row .td_block_15 .td_module_mx4 .entry-title {
font-size: 10px;
line-height: 16px;
}
}
.td-business.home .td-business-home-row .td_block_15 .td_module_mx4:hover .entry-title a {
color: inherit;
}
Hello,
The line is added custom for that particular demo. You will have to use block 18 and add this css in your theme panel- custom code-> custom css section:
.td_block_18 .td_module_10:before{
content: '';
width: 100%;
height: 1px;
position: absolute;
bottom: 20px;
left: 0;
background-color: #000;
opacity: .06;
box-sizing: border-box;
}
Thank you!
Hi,
That header template has a predefined height (130px), it could be reduced to the actual logo height with a code like this for example
– https://www.screencast.com/t/ovbrUabt
This is the code used, if you should consider it a solution please enter it in Theme panel->Custom CSS section
.td-header-style-10 .td-logo-wrap-full {
min-height: 90px;
line-height: 90px;
}
.td-header-style-10 .td-logo-wrap-full .td-logo {
line-height: 90px;
}
Thanks
Hello gta,
If you want to re-create such an element from another demo, notice that you should do it yourself using such a custom CSS code because this thing involves doing such a custom work as we cannot provide this type of services at the moment, sorry! In this case, notice that is talking about a simple block 18 which is added in the Widgets section and sorted by popular categories, as I have pointed you above. If you want to re-create the widgets regarding on style, you should use the Inspector browser and check the elements, according to our documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Hope this helps!
Thanks for the message!
Save
<div class="tdw-more-info-text">Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete.</div>
<div class="tdw-resize"></div>
Hello.
***what is the purpose of this code?
*** it would be a hassle to delete this code?
Hi,
After the latest update the header search can now be moved depending on preference. Either have it in the main menu or in the top menu. Nothing else has changed regarding the functionality of the search. It could be remove with some custom CSS code if that is what you want to do. A specific option to remove it is not available.
We will give you a solution if you could provide a link to your website.
Thanks
I would like to change the color of the sticky menu and insert other elements when we have the sticky menu active. Surely there is a way, via javascript and css, right?
Hi,
This is regarding the use of child themes.
1. Supposed if I have done some minor CSS edit in the child theme, can I still update both the parent theme AND the child theme? Or do I just update the parent theme only?
2. If I update both, will my custom CSS be affected?
3. And to clarify, for updating, I have to deactivate the previous theme, activate another random theme, delete this previous theme, then upload and install the latest theme, then activate? Same goes for child theme?
Thank you for your help.
I’m not a forum admin but,
it maybe that you have a child theme activated (with update to v8.5 we have some issue on child theme).
Try temporary to re-enable main theme.
So could you send me the plugin or code CSS you’ve used in your contact form (https://bpe.fun/nous-contacter/) please?
I installed ver. 8.5 yesterday included js composer Tagdiv composer and multipurpose. All works fine, but i can’t figure out how i can add parallax to image in The new Hero Element. I saw a demo that had parallax effect but i just can’t figure out how to make it work in Tagdiv Composer.
I can see the parallax choice under css fane, bit nothing happens when i activates it.
Can you please help me with that?
I ask for an customer with valid purchase code.
Child tema içindeki style.css dosyasına kaydedebilirsin.
Hi,
When i updated. I lost my custom css codes. How to i save it with child theme ?
Thanks.
Hi, do you mean the gap between the articles?
I believe that you should have this already, but if not, simply put this in your CSS file and test if it works:
.td-lifestyle .td-pb-span8 .td_block_18 .td_module_10 {
margin-bottom: 35px;
padding-bottom: 35px;
Hello guys
I have just noticed that I am using Newpaper 8.0 and spot that 8.5 is already available with a lot of enhancements, bug fixes and a few new features.
Now, I do not have a child theme (I know its my fault), but I have the CSS, Adsense and other files backed up for safety purposes and for convenience. My question is, if i update the theme, will i lose my current website’s setup? (like the way blocks and other content are placed and the information within them) and any CSS, settings and the so included Adsense codes etc? (Javascript and others)
I will be making a child theme soon, but before I do that, i just wanted to clarify this.
Thanks a lot for the help in advance!
-Roland
Greetings,
We use the top and bottom Like/Tweet buttons on our articles, however the width of like button is not long enough to contain the text and number in Greek language.
I’ve found out that width of the iframe (below class .td-classic-facebook) must be increased but it has inline css. (Please see screenshots for better understanding.)
Picture 1: http://oi66.tinypic.com/2ep3t6e.jpg
Picture 2: http://oi67.tinypic.com/2rzfbex.jpg
Can you tell me which file in your theme should i edit in order to change that width value?
I noticed after updated to v8.5 that category pages have uppercase titles. I didn’t have this before, so I checked the theme panel and tried setting different values for the Page Title, but whatever I do (also size, weight, etc), it doesn’t seem to generate the custom css in the html, so it seems css generation isn’t picking up all the settings from the Theme Panel…
In the main style.css file.