- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello,
Please use this custom code CSS
.td-post-author-name:before{
content: "By: ";
}
Set the code in Theme Panel -> Custom code -> custom css.
Thank you!
Hello,
You can use this custom code css
.tdb_single_content .tdb-block-inner > p:first-child
{
font-family: Lato!important;
}
Set the code in the theme panel -> custom code -> custom css.
Thank you!
Hello,
Please add this code in theme panel -> custom code -> css.
.td-page-title
{
margin-top: 9px;
}
Thank you!
Hello,
You can add an extra class on the first paragraph, and use the custom code css to set what font you want -> https://i.imgur.com/N1Twqki.png
Thank you!
Following up on this. Did you receive the credentials so you can look at this? I was able to take care of the filtering issue for articles on the front page, but I still need help with the JavaScript / CSS issue you mentioned that is preventing part of my menu to not be visible.
The categories are different when I am logged in vs logged out. The only category that I don’t want to be visible is the one called “front”, as that is the one that I’m using with filtering to put articles on the front page.
Thank you.
Hi!
I’ve previously requested some css for an increased logo size on the mobile only theme with a larger header box, this worked and can be viewed at ad-van-tures.com,
But now when scrolling down a page and then up, the sticky header displays as pictured
With the header covering some of the text but with a transparent section above it,
Is there any way to turn off the sticky header when scrolling up on the mobile site?
Thanks!
Hi,
Your custom code CSS is applied to all elements that have ” link a” because the custom code is more general, that is why I said to add the extra class to the list and add that extra class to your custom code CSS after should not apply to all links.
Thank you!
Hello,
To assign a menu, please set it in Theme Panel -> Mobile Theme -> Header -> https://i.imgur.com/umTPFTr.png to hide it you need to use a custom code css like thistest
Customize
New
Edit Page
Howdy, admin
Log Out
NEWSPAPER
DISCOVER THE ART OF PUBLISHING
Edit
admin - June 8, 2023
Edit
Mud Army 2.0 urged to check with home owners before tossing...
admin - June 7, 2023
Edit
Clive Palmer may have just bought Hitler’s car, say Liberals and...
admin - June 7, 2023
LATEST ARTICLES
Edit
WA records 1,766 new local COVID cases as it prepares to...
admin - June 7, 2023
Edit
War in Ukraine will not be short, and it’s changed everything...
admin - June 7, 2023
Edit
What are the major parties in the lead-up to SA’s state...
admin - June 7, 2023
Edit
Ramping cut almost in half in last four months, SA government...
admin - June 7, 2023
Edit
Ukraine is pushing for EU membership. But what are the real...
admin - June 7, 2023
Edit
Europe looks for alternate gas solutions but could it be left...
admin - June 7, 2023
Edit
More people in need of charity in Europe since COVID-19, NGO...
admin - June 7, 2023
Edit
Eight Bulgarians among 11 missing after fire on ship near Corfu
admin - June 7, 2023
Edit
Near the frontline in eastern Ukraine, snipers and scepticism abound
admin - June 7, 2023
Edit
Macron denies Mali mission was a failure as French forces pull...
admin - June 7, 2023
123
ABOUT US
FOLLOW US
©
CloseBottomLeft / RightReset
Live CSS Editor
#td-top-mobile-toggle i
{
display: none;
}
The code need to be set in Theme panel> Mobile theme> Custom code> css.
Thank you!
Hello Adrien,
You can try to add an extra class on the list menu https://i.imgur.com/POaYklA.png and add the extra class to your css.
Thank you!
Hello!
Edit the page with the TagDiv Composer, click on that row and you can add a padding in the CSS tab.
Thank you!
Hello. Can you help me, how to reduce .tdc-row.td-stretch-content, .tdc-row-composer.td-stretch-content padding from 20px to 10px with td-composer. Check the screenshot video https://www.screencast.com/t/X9hd2AkMLQ
I can make it throught css, but i prefer to make it throught td-composer
@media (max-width: 767px)
.tdc-row.td-stretch-content, .tdc-row-composer.td-stretch-content {
padding-left: 20px;
padding-right: 20px;
}
to
@media (max-width: 767px)
.tdc-row.td-stretch-content, .tdc-row-composer.td-stretch-content {
padding-left: 10px;
padding-right: 10px;
}
Thank you
Hi Anamaria,
I have a quick question, I am using the following custom css in my theme panel to simply add a bottom border under each of my links to make them a bit more obvious;
.tdb_single_content a {
border-bottom: 1px solid #ea9e2c;
}
Unfortunately, it gets applied to myTable of contents (plug in: Easy Table of Contents) as well and it doesn’t look very nice as you can see: https://t.ly/ZDYas
Would you have any advice to not apply the custom css to the table of contents by any chance?
Thank you in advance for your insights.
Adrien
Hello!
Try to add this CSS code:
h2 { margin-bottom:0!important;}
Thank you!
Hello @dlicoppe !
You can hide one element on desktop and unhide it on mobile, for example. Every element in the TagDiv Composer has a setting to make it invisible. This setting can be seen in the CSS tab of every element: [Display: HIDDEN]. You can also hide the entire row.
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!
Check the CSS tab of the inner row/column.
Thank you!
Hi Bettina,
Elementor has CSS available in the “Advanced” section under each Element. However, with the approach you are suggesting, how can I ensure that I remember in the future where I applied this CSS and on which specific page?
I would greatly appreciate your guidance.
Thank you.
Well, removal is the universal way to fix anything. And if I need this functionality? I see that the plugin is in beta version. That’s why I’m writing about the bug because the plugin has been in beta for over a year. Maybe there is some other way to generate critical css which you can share?
Thank you Anamaria,
Can you please guide me, how can I add Custom CSS to Specific page or Element?
When I’m using this option, it will be applied on Global level – https://i.ibb.co/9bd2mFg/Screenshot-2023-06-08-at-11-21-58-AM.png
Hi,
By default the rows from the composer have 1068px in width, that is the default setting https://i.imgur.com/uuwcpFo.png
Then rows can be stretched if needed, to the provided values. I assume that by decreasing the margins of the page you mean increasing the width of the content. This will indeed reduce the margins, as the content is larger. So you could stretch the rows in the page.
If you want a width value that is not available for selecting, stretch the rows to full and set your desired value here https://i.imgur.com/MDgzWje.png Every row, column, or element from the composer has a width setting in the CSS tab, also margins and padding can be set there if needed. It depends on what exactly you want to achieve in the page.
If you want to make the layout full width, then to change the website width, you need to make sure that you don’t have set a background color/image in the Theme Panel because this makes your website boxed. Make sure this option is disabled => https://www.screencast.com/t/ejiNPCBF
To set a page to full width, you’ll need to edit it with tagDiv Composer like this -> https://i.imgur.com/i5IUJ9E.jpg add or select a row and stretch it after your needs -> https://i.imgur.com/WKYebPX.jpg -> https://i.imgur.com/TO1BZ3M.png -> https://i.imgur.com/Yq8UCv3.jpg
Thank you!
Hi Anamaria,
Okay I got it. It works.
Now, how or where can I edit how it appears? It looks like a flying logo+menu.
Where can I add border?
I can select the element (logo or menu) into the tagdiv composer, then css and add border, switch color. Okay, but it affects the header state.
When scrolled and sticky, it don’t.
Sorry again but I’m learning.
Thanks!
I have provided a login already (a different support agent). Can you get it from them?
What am I checking css and JavaScript for?
Good day, pls I have issues with this;
1. Please I am trying to hide one element on my navigation menu. I want it to show for only logged in users.
i.e. on my website hiideemedia.com, I have a menu login on navigation but I want it to show for logged-in users alone. Only the element not the entire column or row pls.
2. Also I noticed a hidden option on elements (CSS >> Dsiplay section) hide them totally and there is no way to get them back even inside the tagdiv composer. Other builders only show a cross on hidden elements for easy accessible but yours get them hidden for life. Even though I can get it back from the raw code always but it is not ideal.
Hi,
Please try to upload the link in the media and add it to the style css file.
You can try to use the child theme -> https://forum.tagdiv.com/the-child-theme-support-tutorial/
Also, the option from the theme panel is for woff, not woff2.
Thank you!
Hi,
Most probably this problem is related to a cache or optimization plugin, if you have such a plugin you must check the css and javscript settings of these plugins.
Likewise, if you wish, we can also look and try to solve the problem, for this, you will have to contact us by email at contact@tagdiv.com and give us temporary access to the site.
Thank you!
Hello,
1. You need to use this custom code .td_woo_product_price .tdw-pp-price .woocommerce-Price-amount, .td_woo_product_price .tdw-pp-price small{ Set the code in theme panel -> custom code -> custom css.
display: none;
}
.td_woo_product_price .tdw-pp-price .tdw-price-excl-tax .woocommerce-Price-amount, .td_woo_product_price .tdw-pp-price .tdw-price-excl-tax small{
display: inline-block;
}
2. Please check this guide https://woocommerce.com/document/setting-up-taxes-in-woocommerce/
3. The image size, is taken automatically, depending on the image size, so you can try to have the same size for all the images.
Thank you!