- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
I’m content with using my subfooter as my only footer on mobile, but I want my footer on PC to look better.
I’m trying to stretch it across the entire bottom of the website and give it a single color background.
I’m thinking that I do this in from TDcomposer by editing the footer page. Within the row> column> CSS.
What CSS settings do I insert to make it stretch?
Tried changing a bunch of settings but it always looks contained instead of stretching across like most footers look.
The text looks good, but the background isn’t stretched.
site: plantgrowersclub.com
Hello,
My Previous Blog Site is Using MTS Theme.
There I Have Used a Custom CSS Code in Some Posts.
That’s a Button ( For Downloads, Subscribe, and URLs )
for Ex: Look at this post – https://www.fastunlocker.in/unlock-samsung-galaxy-a20-sim-network-unlock-pin-puk.html
at the bottom of this article, you can see a button ” Get Samsung Unlock Code ”
That is a Code I Added Manually… I’m not using this Kind of Buttons in Every Post, But Only a few Cornerstone Contents I have to use…
The Code Behind this Button is Here.
<p style=”text-align: center;”>
<a class=”button” style=”color: #ffffff;”
href=”https://www.fastunlocker.com/get/samsung-unlock-code/”
target=”_blank” rel=”noopener noreferrer”>
<b>Get Samsung Unlock Code
</b>
</p>
( Due to Code Error, I changed the codes into few lines – so remove those white space )
So, My Question is…
Once I added the same code in My Another Site, There News Paper Theme is Powered 🙂
That Button NOT Appear 🙂
I know it’s Because of Different Architecture…
That is not My Question…
My Actual Question is…
Can I Use This Kind of Manual Customized Buttons to Deal with Links – Using a Code Like Above..?
My Need is – Just use Similar Button in My Posts Without using Third-Party Plugins.
My Site Having a lot of Plugin, I’m looking to reduce the usage of Plugins.
NewsPaper Theme Installed Site Has a New Post – https://www.fastunlocker.com/huawei-frp-unlock-key/
When I added the above code in this post, No button is Appear to View…
Kindly help me.
Note: IF No Custom Codes Going to Work, Then I’ll Try using some Plugin, if so… Suggest me a Good Plugin, which is 100% Compatible with Newspaper Theme.
Requirements: Button Should be Customizable with Colors, Shadow, Font Size and Color, etc…
I’m using a child theme with Newspaper for a client. I did some customization of the visual layouts. When I update the theme in a stage environment it is breaking the site. I’m not sure where the conflicts are coming from. I’ve been trying to work with out for over a month now. can anyone help?
Why I can’t type any custom code on “Theme panel-custom css, html, javascript sections are not working”, please help me.
Hello !
The style.css file is located in the main directory of the Newspaper Theme: https://www.screencast.com/t/tRigg2uur6
Thank you !
Hello !
That can be changed by editing the style element using the tagDiv Composer as you can see here: https://www.screencast.com/t/CZidUzLswccL
Unfortunately changing the colors to a specific color will require custom css.
Thank you !
I would like to edit the CSS directly from FTP. Today I am using the Live CSS, M however it is failing, and I want to try from the saved CSS file on my FTP
Thanks but why can’t you tell me where this ‘newsletter.jpg’ image is in the panel or how to remove it from CSS?
Hello,
If you want to remove the hamburger menu from mobile theme, then you can use this custom css http://prntscr.com/pep0y7
.td-header-menu-wrap #td-top-mobile-toggle a {
display: none;
}
You’ll need to set the code in Theme panel> Custom code> Advance css> Mobile.
Thank you!
Hello,
In order to do that you’ll need to use some custom css if you need help with this, please provide me a link where I can inspect this button and provide to you the proper css.
Thank you!
I’m trying to avoid an SSL plugin to force https for just 2 images. Just wondering how would I get rid of this CSS or upload/remove this newsletter.jpg image in the theme panel so my site gets a secure padlock?
https://flywheel.link/b504f9fd0637
Cheers.
Hello,
Unfortunately for the moment the menu on amp can not be change, sorry!
If you want to remove the “Volg ons” from amp and change the color, please use this custom css
.td-footer-social .block-title{
display: none;
}
.td-related-title, .td_module_mob_1 .entry-title a{
color: #001f59;
}
Also the amp logo look just fine -> https://www.screencast.com/t/EdiO1mGXS
Thank you!
Hello !
That can be achieved by using a single post template, edit it using the tagDiv Composer and using the elements there.
Find out more about it here:https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/
In order to resize the buttons you will have to use some css coding.
Add your single post template and edit it. After that please provide us a url to your page and we will see what can be done on resizing.
Thank you !
Hello !
The css codes can be inserted in the Custom Code tab here: https://www.screencast.com/t/bZqOykd2C9
Thank you !
Hello,
Unfortunately for the moment the mobile theme do not have this option, so in order to achieve this, you’ll need to use a custom css like this one -> http://prntscr.com/pe6au4
header .entry-title, .td-category a {
color: #001f59;
}
The code will change the post title and category from inside a post.
The code need to be set in Theme Panel> Mobile Theme > Custom code> css.
Also the menu on mobile theme should not be expended, please make sure that you do not have a plugin conflict or a custom css that provide this problem, if the problem persist, please provide me a link to your website.
Thank you for your understanding!
Hi,
In order to achieve that you’ll need to use this custom css -> http://prntscr.com/pe68gp
.td-category-description p{
line-height: 30px;
}
The code need to be set in theme panel > custom code> Custom css
If this is not help you, please provide me a link to your category description.
Thank you!
Hi, I would like the website to have a “rounded” graphic, so I would like to insert a 5px border-radius
I tried to insert this line of code inside the style.css but I don’t understand what is the correct class in which to insert it. Can you help me out? I wish everything is round to understand 🙂
Thank you in advance
Gabriele
Hello,
first of all great praise to the developers. I’ve been testing myself through the theme for about 2 weeks now and I’m really thrilled. It’s well thought out and also fast, if you do without some unnecessary things.
But I don’t like one thing, so I’m asking for your help. It’s just a cosmetic problem and could maybe be solved by CSS code. I hope so.
My problem:
I have activated the “tagDiv Mobile Theme”, which I think is a good solution. Unfortunately I can’t use the plugin on the start page, because you can’t adjust much and I need some categories to be displayed.
Therefore I deactivated the plugin on the start page. Now the header differs from the start page to the other headers (all articles and category pages). How can I make all headers look the same in the mobile version?
Here is a picture of my problem: https://imgur.com/0eKnaO2
Of course I realize that this difference is because the Mobile Theme is optimized for speed, but I think that with CSS you could get the ICONS left and right at the same height and that the logo is the same size. There is also no shadow under the header.
The user should not get the feeling that the theme is changing just because he clicks on an article on the start page.
Which would be important to me:
If the solution (e.g. by CSS) would slow down the mobile version, would it be possible to adjust only the start page instead of the mobile plugin, so that it looks the same?
My main goal is that the speed won’t slow down but the start page and all other articles and sites from Mobile Theme will look the same from the header.
URL of Website: https://b3hyno.myraidbox.de/
Best Regards
Thank you! The CSS code worked
Hello !
Please try this CSS Code: .tdm-btn-lg {
padding: 0 56px
}
The code must be inserted here: https://www.screencast.com/t/g0qQaTrga
I hope you will find this helpfull !
Thank you !
Hello,
In order to remove the footer on specific pages/post you’ll need to set the post/page id like this https://www.screencast.com/t/U3fS8lBn and the specific footer class .
The code need to be set in theme panel> Custom code> Custom css
This code is only for the above page to remove the footer ->
.page-id-21695 .td-footer-wrapper {
display: none;
}
If you want to remove the sub-footer to, you’ll need to use this custom css -> http://prntscr.com/pdp4xc
.page-id-21695 .td-footer-wrapper, .page-id-21695 .td-sub-footer-container {
display: none;
}
Thank you!
Hello,
This can be achieve only with custom css, but you can use the tagDiv Cloud Library and the header manager to build/edit cloud headers how you want.
Here is the custom css:
.td-header-style-2 .td-banner-wrap-full {
display: none;
}
You’ll need to set it Theme panel> Custom code> Custom css
Thank you!
Thanks for the help! Sidebars I got now.
Please send over the css to remove the footer. Thanks 🙂
http://themeupgrade.minecraft-resourcepacks.com/home-page-arb-landing-layout/
I will use the same code on the other pages I create.
Sorry, you can close this thread. I have put it in the custom css area and it works when there. Thank you