- 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
Formidable forms is not working properly when tagDiv Cloud Library is activated. The CSS is gone and the design is broken.
I disabled all the Plugins one by one. The Forms work fine when other plugins are activated. It only breaks when tagdiv cloud library is activated.
Sample url: https://www.kitchenarena.in/ac-tonnage-calculator/
.vc_row {
margin-left: -15px;
margin-right: -15px;
}
Ok!
I found a temporary solution!
.vc_row {
margin-left: -15px;
margin-right: -15px;
}
I did it on
.vc_row {
margin-left: -25px;
margin-right: -25px;
}
And I put this code in Custom CSS
But is this a bug or something else?
Why can’t the theme solve the problem without writing code?
Hello, I purchased your theme two days ago and I have a question.
The width of my home page does not match the width of the posts page and other pages.
It doesn’t match by about 20 pixels on the left and right sides.
I’m talking about the header, the footer, and the body of the page.
I tried Force Full Width for Header, Header menu dnd Footer but to no avail.
The only success I had was with the Page Tamplete> PAGE LAYOUT SIZE> Full Witdh (with paddings).
I have exported from three different templates.
One template is for the home page, another template I use for the header and footer.
On the home page, everything matches exactly.
But when I make the blog post page, both the header and footer and body don’t match the width of the home page. I put everything at 100% width and still there is a difference in pixels.
Upon inspection, I see the same css code:
.td-pb-row [class*=”td-pb-span”] {
display: block;
min-height: 1px;
float: left;
padding-right: 24px;
padding-left: 24px;
position: relative;
}
but when i change the code with
padding-right: 0px;
padding-left: 0px;
The home page is full screen width, but the blog post page (the header, footer and body) has an extra 10 pixels on both sides – left and right.
I tried everything, but after two days of wandering, trial and error, I decided I needed help.
So what do I do to make all my pages look the same width?
Thanks in advance for your help!
Hi,
the only solution to remove the caption is to use a custom css. If you want I can make the code for you, but I’ll need a link to the post were you have a caption displayed.
Thank you!
Hi,
1- As you said in the Shop, it allows changes. However, no matter how high quality I upload the picture, it degrades the picture quality excessively.
2- Unfortunately, the header banner does not show a change screen as you said. When I click on it (-Zone-) there is General -Css. There is no place to change the image in CSS. https://prnt.sc/F0TPs4mRF0Wd
Nem por css?
Could css?
Anamaria,
Thanks so much for your quick reply. I went to Tagdiv composer and clicked on an element as your image illustrated; however, as you can see from my image, there is No Dropdown from which to select Breadcrumbs or delete. Your Left Hand Menu shows General and CSS at the top; my menu shows General, Mega Menu, Style, and CSS – so I must not have the right menu to do the breadcrumb task…?
Kevin
Hi @amit
Some time ago you posted advice in this thread on how to avoid loading woff?19 by editing the following css files:
‐> wp‐content/themes/Newspaper/font‐newspaper.css on line 30
‐> wp‐content/themes/Newspaper/gutenberg‐editor.css on line 1252 https://i.imgur.com/nSF4Pft.png
‐> wp‐content/themes/Newspaper/editor‐style.css on line 1198 https://i.imgur.com/H9wUa0Z.png
‐> wp‐content/themes/Newspaper/style.css on line 5576 ‐> https://i.imgur.com/ooFN0oi.png
All these are @font‐face if you do not use theme, then you can remove theme from theme.
I’ve been doing this religiously ever since. (I appreciate the line numbers have changed.)
Unfortunately I can’t find this here. Is the advice still valid, or has it been superseded?
Regards,
Hi,
I’m pretty new to the theme. I can modify pages by clicking the TagDiv Composer button fine. But the video showing how to modify single post template’s with the TagDiv composer, says go to an article on your site. And in the first video in this link in the Docs: https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/
I can see they have an Edit with TagDiv composer button and a Single-Template drop down menu in their wordpress admin toolbar at the top of the page. I have the wordpress admin toolbar, I’m the admin of my site and I’m logged in and I’m in an article on my site, but I don’t have any Edit with TagDiv composer button or Single Post drop down menu in my toolbar for some reason? So I can’t change any CSS of my website articles.
– I’m using FireFox browser
– I’ve cleared cache and relogged in
– I have the latest version of Newspaper and all plug-ins active
Any tips would be great, Thanks.
Sam
I tried that but it still won’t let me. I think there is a bug with the plugin or the theme. However, I started using the Button component instead, it got better.
But I also have a question here. I want to change the color of my button according to the color selector of ACF, but I add {cf_color} code, but it does not work in the color selector.
I added it with CSS, but I couldn’t get it to work. Is there a code structure to change button color with ACF?
Hello!
You should add a class for each icon (type 1 and 2). Each red icon should have this class: https://prnt.sc/e1aOfKM60Oci and each violet icon should have this class: https://prnt.sc/ySq2QiD-lpvU
Add this code in the live CSS:
.icon-test1:hover{border-width:2px; border-color:red; border-style:solid;}
.icon2:hover{border-width:2px; border-color:violet; border-style:solid;}
Thank you!
Alright, thank you for that, that at least makes it violet.
Still, on hover it’s getting gray again, so there somewhere has to be a css hover transition effect for the border-color. I would want to change that, with css. I just don’t know where and how to address this class. Could you help me with that? If not, maybe some other members here have an answer.
Hello!
I suggest you use CPTs and cloud templates in order to build your events because the plugin that you use is not tested with our theme, and every time you should add CSS code in order to style it.
Thank you!
Hello,
Please try to use this code
.td-menu-background:before {
opacity: 1;
}
The code needs to be set in the Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
Thank you!
Hi,
You can try to use a custom code css, but if you have a link on the source, then you can’t click on it.
Thank you!
Hello!
You can hide every element from the CSS tab: https://prnt.sc/1FJiMub9ke4s for each viewports: https://www.screencast.com/t/XDQJedlggSB
Thank you!
Hello @stebot !
You can see it in another viewport: https://www.screencast.com/t/XDQJedlggSB
If you can’t find an element after you have hidden it on every viewport, check this thread for the solution: https://forum.tagdiv.com/topic/cssdisplay-show-or-hidden/
Thank you!
Hello,
A few days ago, we removed the “Optimize” and “WP Super Cache” plugins, which were not performing well in terms of Core Web Vitals (Google speed insight).
We replaced these plugins with the well-known “WP Rocket” in its premium version.
There are two display bugs on our site https://youpi.news/2023/08/01/cannibalisation-de-mots-cles/, and we would like your opinion on which CSS or JS elements to exclude from our WP Rocket configuration to restore the broken display.
In WP Rocket, we have the option to exclude CSS/JS files:
/wp-content/pluging/xxxxxx/(.*).css
/theme/some-theme/xxxxxx/(.*).js
or
/wp-includes/js/jquery/jquery.min.js
What should I exclude in CSS or JS to make the videos at scroll work on this type of page: https://youpi.news/2023/08/01/cannibalisation-de-mots-cles/?
Hello Josep!
If you like that section from the World Matters footer, then you can import that footer and take the CSS code. You can copy-paste that element into another section/page of your site. Access Dashboard -> Cloud Templates -> Footer templates -> https://prnt.sc/Ap3KGJEPZ75W -> https://prnt.sc/1O0rhY8cbcqB -> https://prnt.sc/9Lji_h-pb8L3
Thank you!
Hello Ken!
Check our guide here: https://forum.tagdiv.com/the-newsletter-plugin/
Unfortunately, opt-in builder does not currently work with Mailerlite.
You can use the Raw HTML which should work well, and style it via CSS.
Thank you!
Hi,
I searched your forum but couldn’t find what I needed…
I am having issues with EventON categories, Organisers and locations (CPT) not displaying correctly on my site.
See the following screenshots
Locations https://capture.dropbox.com/euVyMSnwDXXD1stV
Categories https://capture.dropbox.com/DeG0uHZd0iHnu8wl
Organizers https://capture.dropbox.com/vRSDlBS5AercF2sB
I have assigned Cloud Templates to the the relevant custom post taxonomies.
Event listings are displaying as they should.
I have been in contact with the plugin developer who has provided CSS recommendations to resolve the issue but they weren’t effective. The developer referred me back to the theme developer, which is why I am here.
Please let me know what the issue is and how it can be resolved.
Thank you
Hi, how can I set the mobile menu to have a solid color background without any background images being visible (no opacity)? Please see: https://i.imgur.com/lOZVlId.png
I can’t find a setting for this and I can’t figure out the CSS either.
Thanks!
Hi,
I think you hide that block on mobile view; you need to select the block, select viewport for mobile, go to the CSS tab, and change to display it.
Thank you!
Hello @nagi!
All these changes can be made very easily in the TagDiv Composer: https://forum.tagdiv.com/tagdiv-composer-tutorial/
More documentation about the cloud templates is here:
– https://forum.tagdiv.com/cloud-library-templates/
– https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/
– https://forum.tagdiv.com/cloud-library-category-templates/
You can assign/duplicate multiple templates. See https://forum.tagdiv.com/topic/different-logo-in-categorypage/ for more information.
You can add any element to the sidebar in the TagDiv Composer. If you add it to a template and make it global, then it will appear on every page that has been assigned that template. You can build a sidebar with the TagDiv Composer. Steps:
1. Insert one new row (or delete an existing one).
2. Divide into two columns (2/3 + 1/3).
3. You can add whatever element you want to the second column and consider it a sidebar.
Access Newspaper -> Prebuilt Websites, select “All” -> https://prnt.sc/Vga5V7yzrAkJ and you can find the demo and press install.
Some styles can be added with CSS code: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector
You can use a flex block for the post’s list:https://forum.tagdiv.com/big-grid-flex-settings/ and https://forum.tagdiv.com/flex-block-settings-guide/ limit it at 10, and you can create another block, set another limit, and have an offset of 10: https://forum.tagdiv.com/offset-feature/ and the list will continue posting post after post without displaying the same post. For the desktop view, we have another feature that won’t let this happen: https://forum.tagdiv.com/unique-articles/
Also, we have a new block that you can use and customize more: https://forum.tagdiv.com/flex-block-builder-flex-loop-builder/
I hope that helps you!
Thank you!
Hi,
Yes, it seems that this problem appears due to the css tags in the remove_cloud_templates_for_non_admin function, there need to be used a different solution to not use the style tags when the add_action is used on admin_menu.
I asked a developer to give me a better solution and when I get an answer I will let you know.
Thank you for your understanding!
