Search Results for 'css'

Results from the Forum
Calin
tagDiv Staff

Hi,

In our theme you can use custom css and tagDiv Composer ( on pages and templates) to hide elements/blocks on -> https://i.imgur.com/T30e5sU.jpg
Also you can check our documentation from here: -> https://forum.tagdiv.com/newspaper-theme-documentation/ and here -> https://tagdiv.com/category/documentation/

Thank you!

Calin
tagDiv Staff

Hi,

Unfortunately for the moment there is no option for fonts links on single post template, you can achieve this using custom css
.tdb_single_content p a {
font-weight: bold;
}

Thank you!

Vlad S
tagDiv Staff

Hello !

You can implement the CSS in here: https://www.screencast.com/t/4Lm5Oyw3J5

Thank you !

Maddest
Participant
#0

Hi,

great theme and I just bought second license for my other website.

This time I need to build some extra theme elements by myself. My previous theme used Bootstrap and building responsive elements was pretty easy. Now with your theme, I don’t understand your style.css exactly. Especially when it comes to the responsive grid part. E.g. how is it possible to hide elements, when a specific screen size is reached? Just one question…

Do you provide detailed docmentation of your style.css somewhere? Can’t find anything.

Thanks and best regards, Bernd

gumball44
tagDiv Member

Yep, I tried to put critical css, and that was not working well, go check the other topic, I say I have no dependancies with standard pack, it’s deactivate.

Calin
tagDiv Staff

Hi,

The logo is in that place because it is set a margin on it -> https://i.imgur.com/mdfBHzK.png
If you want to set it on the left you can use this custom css -> https://i.imgur.com/fANZ1q8.png
.td-header-style-1 .td-header-sp-logo {
margin: 28px 28px 9px 0px;
}
.td-header-style-1 .td-header-sp-logo img {
margin-left : 10px;
}

The code need to be set in theme panel> custom code> custom css.

Thank you!

jakobe75
tagDiv Member

I found a way to resolve this, but I dont know if there is a better way without without having to use custom code. Not sure if this is attainable using the composer or not.

I added this to custom css:

#td-outer-wrap {
margin: 0px;
}

gumball44
Participant
#0

Hi,

i’m looking for a way to past my custom code css for amp directly to the roots of my website ?

Where can I find the this folder ? Or do I need to create a kind of child amp css file ? or maybe it’s already exist ?

thank you

kind regards

Calin
tagDiv Staff

Hi,

We recommend to use the theme builder, please deactivate the WPBakery and the layout will change.
Please try this custom css
.td-main-sidebar{
display: none!important;
}

The code need to be set in theme panel> custom code> advance css> phones

Thank you!

gumball44
Participant
#0

Hi,

I want to follow this tutorial for critical css, but I need some help.

https://www.wpfaster.org/blog/how-to-use-autoptimize-inline-and-defer-css-option

Thank you

Calin
tagDiv Staff

Hi,

No the page and category must have a different url.
You can use a custom css to remove the clickable links from categories, just provide me links for the categories that you do not want to be clickable and I will help you with the css.

Thank you!

Vlad S
tagDiv Staff

Hello !

For autoptimize you have to enable ONLY Optimize javascript, HTML, CSS. The aggregate options will affect your cache.

Thank you !

Calin
tagDiv Staff

Hi,

In order to align the title with the text please set this custom css in Theme Panel> Custom code> Advance css > Phones
.td-post-template-6 .td-post-header-holder {
padding: 10px 20px 0 20px;
}

The results should be -> https://i.imgur.com/7pNOkMr.png

Hope this will help!
Thank you!

Calin
tagDiv Staff

Hi,

If you want to hide the comment counter only from the block 11 then you’ll need to use a custom css
.td_block_11 .td-module-comments{
display: none;
}

The code need to be set in theme panel> Custom code> Custom css.
Or you can use the option from theme panel for all blocks -> https://i.imgur.com/ayy99LS.png

Thank you!

frankcf
tagDiv Member

Thanks.

For the header background color – what I mean is that the background color of the (set by clicking on Row > CSS > Background) expands past the body container, as shown in your example above. I previously used the Header Style 6 where the gray background of the site went all the way to the top of the page on all viewports. Right now the desktop view has the background color expanding past the body container.

For the logo – it’s an image. In my current site, using Header Style 6, the logo is smaller than using Cloud Template 6 for some reason (and looks better with more white space around it). Is there any way to resize an image logo so it stays centered?

Thanks again!

jenmyers
Participant
#0

Customize Edit template 00 Comments in moderation New Edit Post Theme support Live CSS

When I click EDIT post I only get a blank page. This has been all day- not sure why? I am unable to edit any posts.

https://zazenyoga.com/wp-admin/post.php?post=1087&action=edit

Nothing but a blank page.

Calin
tagDiv Staff

Hi,

If you want to keep the header style, I can help you with a custom css, please provide me a link to can create the css.

The elements that you try to hide using WPBakery Is very possible to not work, in the latest version there are some problems between tagDiv Composer and WPBakery, sorry for the inconvenience!

If I understand correctly you want to have different widgets on mobile, if is so then you need to add on each widget a class for mobile and set on it a display: none, or if you want only the sidebar to be remove on mobile version then I can help you with a custom css, just provide me a link.

Thank you!

Calin
tagDiv Staff

Hi,

Unfortunately we did not tested the peepso plugin and therefore, we cannot say for sure if it will work or not as expected with the theme, sorry! Also, we cannot provide support for untested plugins.

Also that code should affect only the weak css for widget class.

Thank you!

Calin
tagDiv Staff

Hi,

Please try this custom css -> https://i.imgur.com/4TfE7RP.png
.td-business.home .td-business-home-row .td_block_weather .td-weather-header .td-weather-city {
text-transform: capitalize;
}

The code need to be set in theme panel > custom code> custom css.
Hope this will help you!

Thank you!

diriras
Participant
#0

Hello,

Mega Menu in this template does not suit me, I need a mega menu with columns in the center of the drop down not in the far left with the pic posts in the right side like it is now. Something like this one http://www.sport24.gr
Can I made this mega menu like I want or do I need to install third party? Because some of the third party I tried doesn’t blend well with this template i need to custom Css the margins of the container, my logo conflicts with them, mobile menu of this theme sits atop of the third party etc…

danilloleite
Participant
#0

There are 2 static components without a far-future expiration date.

https://fonts.googleapis.com/css?family=Rubik:400|Open+Sans:300italic,400,400italic,600,600italic,700|Roboto:300,400,400italic,500,500italic,700,900&display=swap
https://fonts.googleapis.com/css?family=PT+Serif:400|Open+Sans:300italic,400,400italic,600,600italic,700|Roboto:300,400,400italic,500,500italic,700,900&display=swap

where i can find this ????
i already have turned off on theme google fonts..

eni
Participant
#0

Hi all,
Running the latest version of the theme. I have full width buttons on the website at the moment. However on mobile the button text gets cut off depending on width. Not sure what CSS needs to be applied to fix this?

Standard display:
https://ibb.co/fvxg99y

Mobile width:
https://ibb.co/x7CLCzf

gumball44
Participant
#0

Hi,

I use this code for my sidebar “recent news” `.td_module_flex_3 .td-image-container, .td_module_flex_1 .td-image-container {
box-shadow: 2px 2px 4px #888
;
}`

But this code is deploying on all others modules “flex 3 and flex 1” including those in my footer..

How can I avoid it ? I want just select flex 3 and flex 1 from my sidebar.

Thank you

Kind regards

typemeon.com

bdil
Participant
#0

Having an issue with some CSS from tagdiv composer. The widget overflow coding is hiding my users notifications within my peepso plugin. From what I understand, I need to change the coding to this:

.widget {

overflow: visible;
}

Will this work without breaking other parts of my site?

https://i.ibb.co/gThsKWy/peepsooverflow.png
https://i.ibb.co/rGk8VgJ/peepsonoti.jpg

Calin
tagDiv Staff

Hi,

Yes, this can be achieve with a custom css, please provide me a link where I can inspect the logo and create a code for you!

Thank you!

Viewing 25 results - 8,676 through 8,700 (of 33,436 total)