- 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
Hi,
The theme thumbs have a class you could use in the CSS
– https://www.screencast.com/t/hcEknhq0E1KJ
That class will only appear on thumbnails so it will not affect all the images, you could use it in the code.
Thanks
The theme container width is 1068px by default, the rows used in the tagDiv composer can be stretched as shown above. Within these stretched rows it would be best to use flex blocks instead of the predefined blocks (1 to 25).
If you force the theme container to a different width with CSS, there will be problems overall. It is not recommended to do so as it may break the theme design. Please try and use the available composer settings to build the pages/cloud templates instead of using CSS.
Q1.) Is there is any way to enable slide or swipe:
~ swipe left to open the menu.
~ swipe right to open search menu.
If there is any CSS code for that, Please mention ASAP.
Q2.)
Also, do adding CSS codes in the child theme increase the site load time?
Sir, now the problem is solved. It is some cases code issue. I put some google ad manager code with CSS codes in theme panel ads area. Now the problem is solved.
Hello, first of all, wanted to let you know I am a web developer and quite familiar with WordPress. That being said, I want to start and say I am surprised there is no email I can send questions to to get support. That being the case I am writing this on this board.
I am extremely bothered by the fact there are .less files in the Theme, which look like were evidently used on some sort of deployment to create a concatenated style.css file with many different options, and there is no information about this process provided. Basically if I want to change one of the widgets, or customize anything, I’d like to do it via the original css or less. Changing the style.css is a horrible idea. How come there can’t be information provided so we can process the less files as they originally were when we make changes? I feel like the makers of this theme want to restrict people’s ability to make their own changes. For example, the Author box looks horrible in the content panel. To think I can’t take that and make changes easily to it in a less file, which is where the styling is defined is frustrating.
Also want to say it would be nice if there was developer documentation included with this Theme. Also for the record, the main style.css file is 31,000 lines of code and for newspaper 42,000 lines. This is ridiculous and I question the performance immediately of this Theme.
Thanks.
Hi, I have a few more issues after deactivating Maintenance mode:
– gaps at the top of pages (I’ve checked CSS). It’s automatically doing it for all pages only. See link for example: https://www.lifewithoutmeat.com/contact-us/
https://www.lifewithoutmeat.com/
– gaps between text and above footer. See example links:
https://www.lifewithoutmeat.com/contact-us/
https://www.lifewithoutmeat.com/
– random block of white in row:
https://www.lifewithoutmeat.com/about/
Thanks
Hi,
Thanks for your advice, I have edited the margins of each block now and it works. Perhaps before I was trying to edit the CSS of the wrong bit.
Thank you and hope you had a good Christmas and New Year
style.css is 922kb.
Is there an easy way to strip out unneeded code?
I know which modules and styles I am using, and I’ve stripped CSS manually before, but it takes more than an hour to do it and it is possible to get it wrong.
Hi there and happy holidays,
Could you help me with the api integration? Not sure if it’s the WP theme code or not, but i’m not getting the “Buy Images” overlay button when I try to wrap the image url the the tag div code they have instructed.
Here are their instructions: https://developers.canvaspop.com/documentation/integration-wordpress
Here’s the page on my website i’m trying to input the code:
the url is https://createfatemedia.com/for-sale
A few things to note:
1) looking at the code from the page it appears that it has recoded/shortened the standard code? See below
standard image url:
<img src=”http://lorempixel.com/200/200/”
my theme image url on the gallery page:
[tdm_block_inline_image image=”492″ display_inline=”yes” image_height=”560″ image_width=”1000″ tdc_css=”eyJhbGwiOnsicGFkZGluZy10b3AiOiIxMCIsInBhZGRpbmctcmlnaHQiOiIxMCIsInBhZGRpbmctYm90dG9tIjoiMTAiLCJwYWRkaW5nLWxlZnQiOiIxMCIsIndpZHRoIjoiMzMlIiwiZGlzcGxheSI6IiJ9LCJwaG9uZSI6eyJwYWRkaW5nLXRvcCI6IjUiLCJwYWRkaW5nLXJpZ2h0IjoiNSIsInBhZGRpbmctYm90dG9tIjoiNSIsInBhZGRpbmctbGVmdCI6IjUiLCJ3aWR0aCI6IjEwMCUiLCJkaXNwbGF5IjoiIn0sInBob25lX21heF93aWR0aCI6NzY3LCJwb3J0cmFpdCI6eyJwYWRkaW5nLXRvcCI6IjUiLCJwYWRkaW5nLXJpZ2h0IjoiNSIsInBhZGRpbmctYm90dG9tIjoiNSIsInBhZGRpbmctbGVmdCI6IjUiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9″ modal_image=”yes” content_align_horizontal=”content-horiz-center” media_size_image_height=”900″ media_size_image_width=”900″]
Thanks in advance for your help,
Hi all
I sometimes get this issue: https://i.imgur.com/5wmY24t.png
Where the css does not load. How can I fix this? It loads fine on desktop.
Thanks
Check it and you will see that when choosing the template “pagebuilder + latest articles + pagination” options for latest articles don’t show if u don’t digg on css… or am i wrong? thanks
Hello.
I installed the NewsMag Clear Voice theme and I think it’s fantastic. But it has a CSS compiled by the theme and I can not find it.
on my site https://www.tudoexcel.com.br it starts at line 311 of the source code
<! – Header style compiled by theme ->
What I need to do is change these lines, because I created CSS peronalized by the Admin panel (Newsmag – Theme panel), but the other classes are still embedded in the pages.
The website loads with some delay and height in the middle menu. This menu, I did it with height: 42px, however in the style compiled by the theme it is with height: 60px and I did not find the file to change that.
Could you tell me where I found these CSS classes?
The second question:
In the editor, the Smart List is not working. What do I do for the Smart List to work?
greetings
Edivaldo
My website is offline, i work on my local post !
I take new screenshoot with html and css code !
1 fullscreen shoot and 1 medium screen shoot !
https://ibb.co/sm0dL64
Thx
Best regards
I’m getting 404 errors like this in my logs. I notice many times the URL ends with “?14”. What exactly does the “?14” do?
array(
Attempts => 2
ClientIP => 83.220.236.220
Msg => times
URL => https://www.interestinganswers.com/science/css/images/icons/newspaper.ttf?14
UserAgent => Mozilla/5.0 (Linux; Android 5.0.2; Blade S6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.99 Mobile Safari/537.36
Username => Website Visitor
)
array(
Attempts => 1
ClientIP => 40.77.189.120
Msg => times
URL => https://www.interestinganswers.com/food/css/images/icons/newspaper.svg?14
UserAgent => Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534+ (KHTML, like Gecko) BingPreview/1.0b
Username => Website Visitor
Hello,
Please provide a link with a page as you mention. We will need to inspect these empty spaces. Are they any different from the default spacing on our demo? https://demo.tagdiv.com/newspaper/
Each block has margins and padding. These can be set to custom values in the css tab for each block in particular in the tagdiv composer: https://www.screencast.com/t/8BjhjdfNAmL
Thank you!
Trying to add css:
Newspaper>>Theme Panel>>Custom Code>>Custom CSS or Advanced CSS
similar issue with custom javascript and custom html (See image on given link)
https://www.dropbox.com/s/u0fyv9y6y6r6fpu/newspaperissue.png?dl=0
Hi,
Only some of the flex grids have an option to disable the hover effect, for example
– https://www.screencast.com/t/JbHdVMzPOyy
Fro those grids I could give you a code that can be entered in the theme panel Custom CSS section, it should remove the hover effect for those two grid types
.td_block_big_grid_fl_1.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb,
.td_block_big_grid_5.td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none;
}
Thanks
Hello,
Please provide more details to where you are seeing display:hidden? there is no such thing in css. The display property only allows these values:
https://www.w3schools.com/cssref/pr_class_display.asp
The visibility property however has hidden:
https://www.w3schools.com/csSref/pr_class_visibility.asp
Thank you!
Hi,
That seems to be the case, I will add this issue on our list and it will be fixed as soon as possible. The overlay should page template have priority over the background color of the menu.
In the meantime as quick fix, please enter this code in the Custom CSS section of the theme panel
.page-template-page-pagebuilder-overlay .td-header-menu-wrap-full {
background-color: transparent!important;
}
The menu background color set in the theme panel should not affect the pages that use the menu overlay template after this code is used. Sorry for the inconvenience and misunderstanding.
Thanks
Hi,
I use newspaper theme with classic demo to custom my website, but I have a problem.
When I reduce my screen size, font size change (responsive) for “column title” element but not for “title” element:
Show in capture : https://ibb.co/B6LtXWm
How can modify font size element with media css query ?
I try with this :
@media screen and (max-width: 768px) {
.td-block-title{
font-size: 70px;
}
}
But is’t not work !
How can i configure all font size of all element in my style.css (newspaper Child theme)
Best regards
Hi,
Unfortunately our theme do not have this option, the color for menu will apply on entire
website, in order to have a different color on menu, on home page you need to use some custom css
Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
here is one example -> https://www.screencast.com/t/FAazbkYOsfo4
.home .td-theme-wrap .sf-menu .td-normal-menu .sub-menu, .home .td-theme-wrap .sf-menu .td-normal-menu .sub-menu,
.home .td-theme-wrap .sf-menu li a:hover {
background-color: blue;
}
Thank you for your understanding.
Hi,
It’s not really a problem if there is no issue by default. The CSS from the AMP plugin is about 36KB so it’s well below the 50KB limit set by AMP.
There would be nothing to do about it, we can’t remove CSS from the AMP plugin to create more room for CSS loaded by plugins. If Google created this rule it has to be respected in order to have valid AMP.
Thanks
Hi,
Please set this custom css in Newspaper>Theme panel>Custom code >Custom css
https://www.screencast.com/t/AYcjEFOtGIn
.menu-top-main-menu-container .td-mega-menu ul.sub-menu {
width: 1400px !important;
left: -100px !important;
}
Also you can read this topic: -> https://forum.tagdiv.com/topic/adjust-the-number-of-posts-in-megamenu/
Hope this will help you.
Thanks.
Hi,
In order to do that you’ll need to use some custom css
https://www.screencast.com/t/icRYwx4Wq
.td-header-wrap .td-aj-search-results .td-module-thumb{
display: none;
}
.td-header-wrap .td-aj-search-results .item-details {
margin: 10px 20px 10px 20px;
}
If you like the above results, the just copy the above custom css and paste it in Newspaper>Theme panel>Custom code>Custom css
Hope this will help you to achieve what you want.
Thank you for your understanding.
Hi,
If the h1, h2 .. or others are in post you can select them and press ctrl+u
https://www.screencast.com/t/kvGZ93OOdd
https://www.screencast.com/t/aXzXsynyJ0dQ
Or you can use custom css
Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
https://www.screencast.com/t/DE11GBv0oA
Thank you.
-
This reply was modified 7 years by
Calin.