Search Results for 'css'

Results from the Forum
Anamaria
tagDiv Staff

Hello,

Please provide more details about what bulk CSS you refer to, this is generated by a plugin or the CSS from the theme.

Thank you!

Z_V
Participant
#0

Hello there,
I have installed the pre-build website – Dental Studio Pro. And I have an issue with menu, to be exact, issue with one page menu links/anchors/extra classes – with their “activation” hover effect.

I would like to have it same way as you do on your original Dental Studio Pro here menu items “Services” and “Team”.

It means when I use extra class to link the menu item on the same page, after the clicking the item I want to that item stays active same way like hover effect if you understand me.

To compare a difference here is a link to my main page with the issue: https://dentalnipraxe.cz Menu items “Služby” and “Personál”

To clarify it even more I am adding also the screenshots:
My wrong One page Menu Items on activation

Your CORRECT One page Menu Items on activation

Could you be so kind and could you provide me with some solution or CSS to achieve same hover/active functionality in terms of one page anchors/extra classes?

Thank you for your assistance!

Z_V
Participant
#0

Hello there,
I have installed the pre-build website – Dental Studio Pro. And I am missing the look of contact form from your Dental Studio Pro website.

Could you be so kind and could you provide me with the code for contact form 7 plugin and CSS used through extra class to make it look same as in your prebuild example? Thank you in advance!

I am adding screen here:

My installed prebuild CF on Dental Studio PRO
Your Original look of CF in Dental Studio Pro

Link to my website is: https://dentalnipraxe.cz/kontakt/

Anamaria
tagDiv Staff

Hello,

To change the color you need to use a custom code CSS https://i.imgur.com/GvPSfcb.png

.td-main-menu-logo .td-logo-text,
.td-main-menu-logo .td-tagline-text {
color: #258aed;
}


Also, for breadcrumbs -> https://i.imgur.com/dZEews3.png

.entry-crumbs a, .entry-crumbs
{
color: #536aed;
}

The code needs to be set in Theme Panel> Mobile Theme > Custom code> CSS.
Thank you!

Calin
tagDiv Staff

Hi kubick, unfortunately not, the new update was related to the opt-in builder .
If you are using another sending system and this is providing a code for subscribe, then you can set it using tagDiv Composer in a column text or text with title and if is need to adjust the layout we can help you with some css.
Thank you for your understanding!

Calin
tagDiv Staff

Hi,
The back ground color is set in css on this file path wp-content/themes/Newspaper/style.css at line 5091 -> https://i.imgur.com/Pli9Q52.png change the color from there and the default color for background button from the Gutenberg will change, or if you want you can set the code in the theme panel -> https://i.imgur.com/RW6CAE1.png the code
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not([class*="has-background"]) {
background-color: #4db2ec;
}

The rest of the css (fonts background color are in the same file) -> https://i.imgur.com/tGuhAXb.png
In case that you want to set it in the theme panel
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
transition: background-color 0.1s ease;
-webkit-transition: background-color 0.1s ease;
padding: 9px 12px;
font-size: 16px;
line-height: 20px;
font-family: 'Open Sans', 'Open Sans Regular', sans-serif;
font-weight: 600;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
background-color: #444 !important;
text-decoration: none !important;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not([class*="has-background"]) {
background-color: #4db2ec;
}

Thank you!

Edged
Participant
#0

Hello,

Following this tutorial: https://tagdiv.com/tagdiv-newsletter-plugin/, when I generate an embedded Mailchimp form code and paste it into the “Embedded Form Code/Feedburner ID” area of the newsletter plugin in my post template sidebar, my custom CSS code to style the form that I add in the custom CSS section of the site doesn’t apply/work.

For example the main div of the form code from MC has a class of #mc_embed_signup, so I added this code in the custom CSS section of the site and it has no effect:

#mc_embed_signup {
max-width: 300px;
padding: .5rem;
position: relative;
background: linear-gradient(90deg, rgba(83,209,245,1) 0%, rgba(0,89,152,1) 100%);
}

In fact, when I inspect the plain form in the sidebar of the site, I don’t even see the HTML classes in the Mailchimp code. Instead, I see classes like “class=”tds-newsletter tds-newsletter1 tdi_83 td-fix-index” and “class=”tdn-info-wrap”

Why is this? and How do I go about adding/editing the CSS of an embedded Mailchimp form on this theme?

knthdgd
Participant
#0

Hi.

Is there any way to disable lazyload on a single image that I am using as a css background-image in a div in my header?

maxonline
Participant
#0

Is there away to bulk remove generated CSS?
Thank you

honlim
Participant
#0

Hi, will any future updates of the cloud library affect any additional contents / additional CSS added to the templates?
Thank you in advance.
Adding additional contents to Cloud Library Template

Any advise I need to keep when playing around with the cloud template?

Calin
tagDiv Staff

Hi,
The mobile theme plugin is loading all the css once and that it is way appears css that is loaded but is not used.
If you want to load only the css that is used, then you can try the mobile page , just make mobile pages and mobile templates and those will load only the css that will be used.
Thank you!

MattiaVe
tagDiv Member

For first time after good work for 5 years:
after update menu has off-center spaces.
Tring “edit” clikking near live CSS it open “page not found” in editing ,
but anyway you cannot edit anything because it appear error message like attached.
https://www.lavocedivenezia.it/nostre/xtagdiv.jpg

temporarily reverted to old version.
Everything ok with old version

(update theme and plugins in automatic and also manually no changes:
actually waiting for new version of update)

thank you

M

goodmuyis
Participant
#0

How do I restore Hidden Element, when I set the Display to Hidden from CSS -> Display
I cannot figure out how to change the option back to Show since it is hidden and not selectable.

Thankk

Anamaria
tagDiv Staff

Hello,

So now I understand what the problem is, this checkbox doesn’t appear, right? -> https://i.imgur.com/iwHhGiW.png
Also, to display the checkboxes, please use this custom code =>

input[type="checkbox"]{
-webkit-appearance:checkbox!important;
}

This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.

Thank you!

gimmydagar
Participant
#0

Hi,

I am not using sidebar, so the post container is too wide.

Please help me to reduce the width of post container only on PC/ laptop/ tablet with no changes on mobile devices.

I tried few CSS but couldn’t help;

Please help me.

Anamaria
tagDiv Staff

Hello,

1. You need to set the font size and line-height for the main menu -> https://i.imgur.com/O6m3rYE.png
2. You can set an extra class on the menu like this -> https://i.imgur.com/AP3dTRr.png and remove the separator -> https://i.imgur.com/zHxomxa.png and use this custom code CSS -> https://i.imgur.com/4NIdJUD.png you can set the code in Live CSS editor or in the theme panel > custom code> custom css.

.menu-class li {
border-right: 2px solid #000;
}
.menu-class li:last-child {
border-right:0;
}

Hope this helps you!

Thank you!

crodexter
tagDiv Member

Or the reason for this could be aggregation of CSS files?
I see in Chrome console that 93% of CSS code is not used.
If that is the case could you suggest how to create critical CSS only for mobile theme and how to use it?
In that case I suppose I should remove orginal CSS from mobile theme?

  • This reply was modified 4 years by crodexter.
Calin
tagDiv Staff

Hi,
Is looks that this is the height that is added on the iframe https://i.imgur.com/6j4ntMI.jpg and this is not set by the theme, so in this case to set a stronger css is one of the few solutions that can be use.
Thank you!

crodexter
Participant
#0

Hello,

In PageSpeed Insights I get suggestion to reduce unused CSS pointing to
/wp-content/litespeed/css/1477485aef4a5e073566397a054122f7.css?ver=f3ef9

In Litespeed I have enabled “Cache Mobile”

Can you suggest how to deal with unsued CSS in mobile theme?
In cloud template it is possible to use CSS analyzer.

Thank you

arqsanchezmota
tagDiv Member

1- Hello, in the first section what I want to know is how I can reduce the height of the menu bar, I need to be able to achieve it. https://prnt.sc/26a2c0o

2- I need some CSS that allows me to bring the white line that separates the menu to cover the height of the container.

Revive the Netherlands
tagDiv Member

This is the exact css I am using now: iframe[src*="facebook.com"] {
height: 800px!important;
}

But there must be a better solution

#0

On mobile theme the facebook iframe video shows a wrong seize so that the video can’t be played:
https://www.revive.nl/jongeren-op-doordeweekse-avond-in-amsterdam-in-vuur-en-vlam-voor-god/

I did an custom css fix:iframe {
height: 800px!important;
}

See this video: https://somup.com/c3V1FLZjP4

Is there a better responsive solution to fix this?

Calin
tagDiv Staff

For that you’ll need to use a custom css like this one -> https://i.imgur.com/YIMLJbY.png
#menu-td-demo-header-menu-1 li ul li ul {
width: 20em!important;
padding: 1px 0 0;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}

Set the code in the theme panel > custom code> custom css.
I hope this will help you!

Calin
tagDiv Staff

Hi,
You can reduce the space between the column using this option https://i.imgur.com/oU25hf0.png or if you want to make them like this https://i.imgur.com/XCsKXUt.png use this css ->
.tagdiv-type blockquote {
margin: 40px 0 38px
}

The css need to be set in the theme panel > custom code> custom css.
Thank you!

Calin
tagDiv Staff

Hi,
If you set those elements with tagDiv Composer and you hide them from the css tab, then will be a little difficulty to set them back, I think that a better way will be to set the page in draft or private until this is reedy.
Thank you!

Viewing 25 results - 4,326 through 4,350 (of 33,436 total)