Search Results for 'css'

Results from the Forum
Anamaria
tagDiv Staff

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!

Anamaria
tagDiv Staff

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!

Anamaria
tagDiv Staff

Hello,

Please add this code
.td-page-title
{
margin-top: 9px;
}
in theme panel -> custom code -> css.

Thank you!

Anamaria
tagDiv Staff

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!

libertylens
tagDiv Member

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.

Charliemiller694
Participant
#0

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

https://ibb.co/cLBBkgH

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!

Anamaria
tagDiv Staff

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!

Anamaria
tagDiv Staff

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!

Anamaria
tagDiv Staff

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!

Bettina
tagDiv Staff

Hello!

Edit the page with the TagDiv Composer, click on that row and you can add a padding in the CSS tab.

Thank you!

saggel
Participant
#0

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

slivertorp
tagDiv Member

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

Bettina
tagDiv Staff

Hello!

Try to add this CSS code:

h2 { margin-bottom:0!important;}

Thank you!

Bettina
tagDiv Staff

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!

Bettina
tagDiv Staff

Hello!

Check the CSS tab of the inner row/column.

Thank you!

Hindistack
tagDiv Member

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.

usc-shift
tagDiv Member

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?

Hindistack
tagDiv Member

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

Anamaria
tagDiv Staff

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!

fabianlujan
tagDiv Member

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!

libertylens
tagDiv Member

I have provided a login already (a different support agent). Can you get it from them?

What am I checking css and JavaScript for?

hadharm
Participant
#0

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.

Anamaria
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Anamaria
tagDiv Staff

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{
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;
}
Set the code in theme panel -> custom code -> custom css.
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!

Viewing 25 results - 2,476 through 2,500 (of 33,436 total)