- 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
Hello, I was hoping someone could help me hide/remove the woocommerce ‘buy now’ button when featuring woo products on the homepage. I’m using the woocommerce short code module to feature a few products, but under each image with text is the button I can’t seem to get rid of. On the actual product page it makes sense, but is there a simple fix in the theme panel? Or simple CSS code? Where would CSS code be added to do that? Thanks in advance. I appreciate your help.
Hello,
If I understand correctly, you want to use the hamburger menu, but when it opens it doesn’t take up the whole page, for this you need to use a custom code CSS, to look like this for desktop => https://www.screencast.com/t/eR5DY6EtFY
Set the code in Newspaper -> Theme panel -> Custom code -> Custom css.
#td-mobile-nav, .td-menu-background{
width: 22%;
}
.td-menu-mob-open-menu #td-outer-wrap {
box-shadow: 0 0 46px #000000;
position: unset;
transform: unset;
}
If this is not what you mean, please let me know!
Thank you!
Thank you for your answer!
So now I’m going to add some CSS code but where should I put them to affect on More Article Box?
Thank you.
Hello,
In my category templates, I am using Posts Loop 2.
I have hidden the “read more” button, so vially it is invisible.
My website with an example: https://cutt.ly/TlJibN1
I hide the button like this: https://fotos.subefotos.com/b6ee9c6961ebf2fe318a2d39a499ad33o.jpg
The problem is, Google’s crawler can see that button hidden by CSS. And it also reads the button link.
So each article actually has three links to the same site. The first link from the photo. The second link from the title / description. And the third link, from the button (no matter if it is hidden by css).
So my question is: How can I completely remove the button? I want google not to read another repeated link. I don’t use the button, so I can omit it completely.
Is there any template without button aesthetically similar?
Can I remove the button completely by editing some code?
And finally, is it possible to remove the link from the image and leave only the link in the title?
Thanks
Also, the hover color for the menu in the sub-footer doesn’t change either. Both are set in the Theme panel and have also tried custom css on this as well. Hope that further helps to determine what might be going on. Can’t edit the sub-footer in tagDiv composer or I may be able to narrow down what I may be doing wrong, if anything.
Thank you! now it’s working ! I was copying css in the page builder css section not in theme panel!
Hi!
I’m using the magazine template which is a default template, I think. I am using TagDiv Composer and it is set correctly. Also tried using custom css, but everytime I change it, the system renames the target file over and over again. Like if it’s .td-123-whatever then after saving and previewing and it hasn’t fixed it, go back to the code and now it’s named .td-abc-whatever. Hope that makes sense. Perhaps it’s something in a javascript file or hard-coded into the theme somehow that isn’t working? Both WordPress and browser cache have been cleared and still nothing changing.
Sure, Bettina.
This is what I mean. Right now I’m hiding it with css, but it would be better if there’s a way to disable it.
http://lacapitalinformativa.com/Captura.JPG
Please see the panel “Related articles/More from author” here – https://jazzjournal.co.uk/2021/02/25/jj-02-61-teo-macero-with-the-prestige-jazz-quartet/
How can I get the images deeper? I don’t recall seeing any adjustment in Theme Panel.
Is there any CSS code you can give that I adjust as required?
Also, how can I get more than 12 items to appear? I might want 36, for example.
Thanks
MG
URL – bcworldview.org Note the large wasted space above the “Trending Now” field. Do I need CSS or is there a control I am missing? Thanks.
Hello,
I have a Row. I have divided this Row into two. > https://nimb.ws/2mqZp4
I have divided this Row into Inner Rows. > https://nimb.ws/Zw6aW9
Question 1: I want to have headline, text and buttons always at the same height. How is this possible? >> https://ibb.co/2ZFvDcy
I do NOT want to move everything by hand with CSS. That’s messing around for me and only causes problems. I don’t want to do that >> https://nimb.ws/F2hj10
What other way is there to do this? Maybe align the buttons at the bottom and the headlines at the top? Is something like that possible?
Question 2: How can I make the red area the same height as the blue area? I have found a way. With the height of the column. But I don’t want to work with fixed heights because there are problems for responsive. I don’t want to redefine the height for every breakpoint. I don’t want that!!! >> https://nimb.ws/AC3kD1
What other solution is there WITHOUT fixed height?
Hi, how do I manage the item to share a post?
I would like the post to be shareable only on some social networks, and remove others that don’t interest me (like Pinterest).
The element I want to change is called “Single Post Share”, and in the “general” and “css” menu there is nothing to change the order of the social networks and select which ones to display and which to hide.
Thank you
Hi,
If you want to use a child theme for the BouddyPress, then as you said you need to use there guide https://codex.buddypress.org/legacy/theme-development/the-bp-default-theme/building-a-buddypress-child-theme/
Also the child theme from our guide can be use for the files from standard pack, but it will also work for files from tagDiv Composer, not all of theme, but most of them, like on the standard pack. I will make some more investigations for how to set the style-buddypress.css in child theme and come back when I will have good results.
Thank you!
Hello,
Each element from tagDiv Composer has the CSS tab, where you can set the width for that element and other options.
For example, if you a width for the slider you can do it like this => https://i.imgur.com/CylEyyZ.jpg you can set the width in px or % (in this case you can set margin left and right auto to align the element centre).
Another way is to use a row and set layout for it => https://i.imgur.com/PhryWPj.jpg then drag and drop the slider you need (also, if you want you can adjust the column width using the above example).
Thank you!
Hello!
Try to add these codes below in Newspaper -> Theme panel -> Custom code -> Custom CSS:
1. This code is for active:
.tdb-menu > li.current-menu-item > a,
.tdb-menu > li.current-menu-ancestor > a,
.tdb-menu > li.current-category-ancestor > a {
color: blue !important;
}
2. This code is for hover:
.tdb-menu > li:hover > a,
.tdb-menu > li.tdb-hover > a,
.tdb-menu-items-dropdown:hover .td-subcat-more {
color: red !important;
}
Please note that these codes are working only if you use a cloud/PRO templates.
For default template you can use these codes:
1. Active
.sf-menu > .current-menu-item > a,
.sf-menu > .current-menu-ancestor > a,
.sf-menu > .current-category-ancestor > a {
color: blue !important;
}
2. Hover
.sf-menu > li > a:hover,
.sf-menu > .sfHover > a {
color: red !important;
}
Hope that helps you!
Thank you!
Hello,
That option exists only on some elements, and those that don’t exist can be achieved with custom CSS.
In order to be able to help you, please provide me with more information on what elements you want, some screenshots and a link to your website.
Thank you!
Hello Calin,
I needed to make adjustments to the css for BuddyPress related page elements. All of them. For example, changing the background colour of the buttons that are hoovered over. A simple example:
#buddypress a.button:hover span,
a.bp-title-button:hover span,
#buddypress ul.button-nav li a:hover span,
#buddypress a.button:focus span,
a.bp-title-button:focus span,
#buddypress ul.button-nav li a:focus span,
#buddypress a.button:active span,
a.bp-title-button:active span,
#buddypress ul.button-nav li a:active span {
background-color: #a11ff2;
}
I have way more edits and changes that are needed. I could target this directly from the child theme css file. But this isn’t the correct way to do this according to BuddyPress documentation.
BuddyPress requests that a separate companion CSS file be offered, style-buddypress.css is the file Newspaper is using. However, it’s not being enqueued via functions.php, so it must be somewhere else in the theme’s additional plugin that it’s being setup. Having an edited version in the child-theme doesn’t work.
If the mechanism behind enqueuing this style-buddypress.css file can be understood, it’s probably easier to de-enqueue and re-enqueue for the child theme file instead.
For me, this isn’t as much of an issue anymore as I need to be patching changes that aren’t compatible with the child-theme model you use. i.e. modifying the mobile menu header files. Your documentation on child-theme supported overrides only works for td-standard, not td-composer.
td-composer/legacy/Newspaper/parts/menu-mobile.php
So I’ll copy over the style-buddypres.css into the parent with my edited version as part of the patching. There’s no rush for a response now on my behalf.
Knowing the correct way of doing this would be helpful for others in the future and maybe added to the child-theme documentation.
Thank you and have a nice day.
Hi,
Unfortunately, there is no option for this, but maybe I can help with a custom css, please provide a link to your website and let me know the categories that you want to be unclickable.
Thank you!
Hello my dears!
I have a question about changing a featured image in the single template. Round pictures can be seen in the flex block 1 (xs-small 150×0) – something like this would be ideal for logos on a custom template.
Logo on the left, next to the title of the article and below the sub-title
How can I reduce such a featured image and display it in round shape? I found rounded corners in the search function. But is that also possible completely? With CSS?
Thanks for your efforts, the support here is great!
Thomas
The background is not changing color. Set it in the theme panel and tried custom css. Neither is the hover color for the menu links in the sub footer. What am I missing?
Hi,
Please provide a link and some details about the changes that you want to make, in this way I will be able to inspect and see if the elements that you want to change are from that css file or otheres.
Thank you!
Hello,
You can use this code for mobile version
.td-login-register-link{
display: none;
}
Set the code in Theme Panel -> Custom Code -> Advanced CSS -> Phones => https://www.screencast.com/t/jBWzlKYjHh
if you have the mobile theme plugin you can use this code
#register-link{
display: none;
}
Set the code in Theme Panel -> Mobile Theme -> Custom Code => https://www.screencast.com/t/St204VtFl3NU
Hope this helps you!
Thank you!
Thanks for support.
I think I’ll fix the problem with a “display: none” css.
Thank you
Hi there, I tried with the builder options and css code but nothing work. What could I do?
Thank you very mucho for your attention!!
unfortunately, the issue not fixed with that css code.
