Search Results for 'css'

Results from the Forum
Anonymous
tagDiv Member

I have solved that issue by installing the demo. but I need CSS code to reduce the size of see screenshot this is oversize which is not loking good in mobile

CLEM5ON
Participant
#0

Images attached. The gap between the bottom of the Twitter label and the top of the next image are different.

The home page (I can edit the CSS space gap margin on the correct home page one) but how can I edit the space gap on the posts/pages (added via widgets)?

CORRECT (home page):

INCORRECT (posts/pages via widgets):

jcarhuazv
Participant
#0

Hello
How can I disable the autorize of YouTube videos? It is a javascript code in the tagdiv_theme.js file that overwrites the css. I have videos on YouTube in 4:3 and 16:9 ratio. The autoresize uses only 16:9 ratios. I need to control the responsive of videos only with CSS, not javascript.

Best regards.
Joseph

meri
tagDiv Member
AMP - reply

Hi,

What do you recommend to Minify JavaScript and CSS?

Thanks

joram-2
Participant
#0

Hi there,

I want to use the category tag on modules/blocks to identify Premium videos on my website. The way I want to achieve this is by using custom CSS to hide all the category tags except for the category called premium with its specific ID (which is 25).

Would this be possible?

If there is an easier way to use overlay banners or tags on thumbnails to identify Premium content for my users, then I would be happy to hear about this of course!

https://forum.tagdiv.com/category-tag-on-modulesblocks/

Best wishes,
Joram

Vlad S
tagDiv Staff

Hello !

Sorry for missunderstanding your issue.

That will require custom CSS:

.td-church .td-banner .td_block_image_box .entry-title {
font-family: Verdana;
font-style: italic;
}

You can change the font to whatever you want.

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Calin
tagDiv Staff

Hi,

If you want to remove the social notworks, just clear/remove the links from theme panel > social networks -> http://prntscr.com/pndvgo or you can use a custom css like this one > http://prntscr.com/pndvwt
#td-mobile-nav .td-menu-socials {
visibility: hidden;
}

Set the code in Theme panel> Custom code> Custom css

Thank you!

Calin
tagDiv Staff

Hi,

In order to change only the color for that line, you’ll need to use a custom css like this one -> http://prntscr.com/pndnx9
.td-footer-wrapper div .td_block_template_8 .td-block-title > *:before {
background-color: #7f1813;
}

The code need to be set in Theme panel> Custom code> Custom css

Thank you!

Calin
tagDiv Staff

Hi,

You can customize a default header style using the options from theme panel -> http://prntscr.com/pnd4tf -> http://prntscr.com/pnd4xv also you can use custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ or if you want to have more control over the menu layout, then you can try a header template from tagDiv cloud library and edit it with the new tool from tagDiv Composer, header manager -> http://prntscr.com/pnd5x1 -> http://prntscr.com/pnd63e

Thank you!

Calin
tagDiv Staff

Hi,

The header style on Business demo is looking different because is custom made, if you want to make it to look as default header style 1, you’ll need to use some custom css-> http://prntscr.com/pnd05y
.td-business .td-header-style-1 .td-header-sp-logo {
float: left;
}
.td-business .td-header-style-1 .td-header-sp-recs {
float: right;
}

This code need to be set in Theme Panel > Custom Code> Custom css

Thank you!

Calin
tagDiv Staff

Hi,

Is look that one is set on post and one on cloud template, if you want you can use a custom css like this one -> http://prntscr.com/pncxy8 to remove the translation set on templates.
.page p:first-of-type.wpml-ls-statics-post_translations,
.single .wpml-ls-statics-post_translations
{
display: none;
}
.single .tdb-block-inner .wpml-ls-statics-post_translations
{
display: block;
}

Thank you!

cucumberandco
Participant
#0

I’ve got a news site that will be updating multiple times a day. At the top of the homepage is a news ticker element for “Breaking News” (severe weather warnings, world shattering news, etc.). It’s not something that I want on constantly because it may be days between anything important enough to qualify as breaking news needs posted, and it doesn’t look good to have something (like a weather warning) from days ago still up there like it’s something people need to worry about now.

Is there some way to just toggle the element off after a set amount of time or something? The only solution I’ve got at the moment is to delete it and re-make it as needed and that’s not going to work. There is the display option in CSS but once I set it to hidden and click away I’ve got no way to set the element back to show (which is a whole other problem that needs addressed; maybe just have the element grayed out in the composer when it’s set to display hidden instead of making it disappear never to be seen again).

Thanks

Carlichy
Participant
#0

I have tested my web in PageSpeed Insights and my score is terrible: 1 point in mobile and 29 on laptop. My URL is: https://www.tuvisitaguiada.com/prueba/

I have configured the WP Super Cache Plugin like in your manual, but it doesn´t work.

My worst problems are:
-Remove resources that block rendering –> I don´t know how to do it.
-Enable text compression –> also the same.

I have checked this CSS delayed:
-1.6300 ms the load: td-legacy-framework-front-style | https://www.tuvisitaguiada.com/prueba/wp-content/plugins/td-composer/legacy/Newspaper/assets/css/td_legacy_main.css
-630 ms: rs-plugin-settings | https://www.tuvisitaguiada.com/prueba/wp-content/plugins/revslider/public/assets/css/rs6.css
-750 ms: revmin | https://www.tuvisitaguiada.com/prueba/wp-content/plugins/revslider/public/assets/js/rs6.min.js

The first I don´t know what is it, and the other I suppose is the Revolution Slider Plugin, but is so bad to slow so the load. Can you help me?

Thanks.

Calin
tagDiv Staff

Hi,

In order to remove the shadow and keep the move up animation, you can use this custom css
.td-h-effect-up-shadow .entry-thumb
{
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
}

The code need to be set in theme panel > Custom code> Custom css

Thank you!

tanushree
Participant
#0

My theme failed to install because it says the css is missing in the zip file uploaded. please help.

gumball44
tagDiv Member

ok, so how can it be remove ?

and how to block it to be loaded, with css ?

Thank you

  • This reply was modified 6 years by gumball44.
Calin
tagDiv Staff

Hi,

Unfortunately the shadow from that effect can be remove only manually from the theme or you can use a custom css to block it to be load.

Thank you for your understanding!

Calin
tagDiv Staff

Hi,

You can set a class on it and add a custom css that will hide it if it will be display on a mobile, here is an example:
<div class="td-paragraph-padding-1 hide-on-mobile "></div>
-> http://prntscr.com/pn18zb
.hide-on-mobile {
display: none
}

Also please notice that the code set in Theme Panel > Advance css will not work for mobile theme, only for responsive version.

Thank you!

gumball44
tagDiv Member

Sorry maybe I haven’t used the right words.

Yes my header is from cloud, I let you check, we have only 3 options “hover effect” for the mega menu module, and I want only move up effect without shadow.. is it possible with css ?

https://imgur.com/a/QP2vXGr

Thank you

  • This reply was modified 6 years by gumball44.
Calin
tagDiv Staff

Hi,

Unfortunately this can be done only using custom css, but you want only the featured image to be round -> http://prntscr.com/pn0ngx -> http://prntscr.com/pn0p1t
.td_flex_block_1 .entry-thumb {
border: 5px solid red;
}

This custom css will be apply only on flex block 1.

Thank you!

gumball44
Participant
#0

Hi,

is there a way to activate move-up effect without shadow effect with css ?

thank you

Best regards

Calin
tagDiv Staff

Hi,

In order to change the background color/image on Romania News Pro you’ll need to edit that header template with tagDiv Composer, click on the row and check the css tab -> https://www.screencast.com/t/g9DiZaSiSeQ2

Thank you!

Calin
tagDiv Staff

Hi,

Please replace the css for background color with this one https://www.screencast.com/t/1KlzURJwc91u
div.wpforms-container .wpforms-form div.wpforms-submit-container button[type=submit]:hover {
background-color: red;
}

Thank you!

  • This reply was modified 6 years by Calin.
Calin
tagDiv Staff

Hi,

If you want to change the layout of the Newsletter, please check this section -> https://www.screencast.com/t/0ki4oAnZ6bG also we use the style 5 -> https://www.screencast.com/t/fSX5VR7tB after that you’ll need to use this custom css ->https://www.screencast.com/t/3r2JmKYAm
.tdn-input-bar-display-column input[type=email] {
border-bottom-left-radius: 25px;
border-top-left-radius: 25px;
}
.tdn-email-bar button {
border-bottom-right-radius: 25px;
border-top-right-radius: 25px;
}

Thank you!

Slimhuis
Participant
#0

Hi people,

I changed the logo and after updating the header is broken:
–> http://slimhuis.tech

Can someone see what the problem is and how i can fix this?
Maybe looking into the CSS.


@vlad
can you find out what the problem is?

Viewing 25 results - 9,026 through 9,050 (of 33,436 total)