Search Results for 'css'

Results from the Forum
Vlad S
tagDiv Staff

Hello !

Please go to a RGBA Generator like this: https://cssgenerator.org/rgba-and-hex-color-generator.html

Thank you!

Calin
tagDiv Staff

Hi,

If I understand correctly you want to set a color for all the links from your website, if is so then the option that can do this is “THEME ACCENT COLOR” -> https://i.imgur.com/TCiF0V5.png or you can use a custom css

Thank you!

Calin
tagDiv Staff

Hi,

Yes, you can display/hide the date but not for category, these settings need to be apply on modules (this is working only on flex elements ->https://i.imgur.com/1Hm64FA.jpg -> https://i.imgur.com/bK9X6Q2.png), to achieve this on category you need to use a custom css.

Thank you for your understanding!

Thank you!

Calin
tagDiv Staff

Hi,

I think that you have something set wrong, as you can see in our live demo -> https://demo.tagdiv.com/newspaper_dentist/ the text from the second line remains on second line.
Please check the viewports from tagDiv Composer -> https://i.imgur.com/IkQJNC6.png and where is this problem, check the css tab and set the display to block -> https://i.imgur.com/ABJKKC5.jpg

This should fix the problem!
Thank you!

meeshymee
tagDiv Member

hello,
i have read this ‘fix’ numerous times but i don’t even SEE “custom CSS” in my theme panel. Can you please be more specific for others who are trying to benefit from the responses?? thank you.

nicholasyou
Blocked
#0

Installing Theme from uploaded file: themeforest-Yf3mzM6g-newspaper.zip
Unpacking the package…

Installing the theme…

The package could not be installed. The theme is missing the style.css stylesheet.

Theme installation failed.

geospatialmedia
tagDiv Member

Hi Calin,

We need to add the categories to each article as a CSS class, not to display the category on each article.

Does this make sense?

meeshymee
Participant
#0

hello,
is there any way to change the margins of the entire home page? i would like the padding/margin on the sides to be less than what they are. i’ve tried setting the margins individually via CSS but i want all content widened equally on the home page.
thanks.

srchus
tagDiv Member

I understand that it is not possible to configure it from the control panel.
But is it impossible to add a background from code?

It is possible that I was not clear enough in my question. Im sorry.
Simply adding this code would already work:

`$td_post_featured_image = td_util::get_featured_image_src($post->ID, 'full');
if (!empty($td_post_featured_image)) {
td_js_buffer::add_to_footer(
'jQuery(window).ready(function() {' . "\r\n" .
'(function(){' . "\r\n" .
'jQuery("#td-outer-wrap").css("background","url(' . $td_post_featured_image . ') fixed");' .
'jQuery("#td-outer-wrap").css("background-repeat","no-repeat");' .
'jQuery("#td-outer-wrap").css("background-size","cover");' .
'})();' . "\r\n" .
'});'
);
}`

Doesn’t the template have a cleaner way to do it?
Thank you!

  • This reply was modified 6 years by srchus.
  • This reply was modified 6 years by srchus.
matthewbath
Participant
#0

Hi!

I hope you can help? I’ve raised this previously as a future feature request, which is to add a setting to make the Block Header 8 title change accent colour on hover.

In the meantime, do any of you lovely admins know if there is a way to add some CSS to achieve this effect?

Basically, on hover/mouseover I need the Block Header title to change colour. Pretty simple, and it’ll help navigation hugely if people know this is a link to each category! A helpful screenshot is below.

Any ideas gratefully received!

All the best,

Matt

Before and (hopefully) after - thanks!

Calin
tagDiv Staff

Hi,

1. To change these fonts for big grid, you’ll need to edit the homepage with tagDiv Composer -> https://i.imgur.com/mMPaFn4.png

2. The + will appear only if the space for social share is not enough to be display, if you are using a single post template from tagDiv Cloud Library you can edit it with tagDiv Composer and you can achieve this, set an inner row -> https://i.imgur.com/XAK7Ovf.png in css tab set the width that you want, after that set the social in it -> https://i.imgur.com/jhQ0hSH.png

Thank you!

sunil9960
Participant
#0

Error code
CSS_SYNTAX_INVALID_AT_RULE

STYLESHEET_TOO_LONG

<script … > text/javascript

Calin
tagDiv Staff

Hi,

That is the “Recent Posts” element from widgets. That widgets in gadget demo has an extra class that make it to look like that also the gadget demo has an extra class in -> https://i.imgur.com/AR4IZx5.png these are working only when you have install that version or using custom css.

Thank you for your understanding!

Calin
tagDiv Staff

Hi,

This can be because of the mobile theme plugin, it can be fix using this custom css:
div.wpforms-container-full .wpforms-form button[type=submit]{
background-color: #389998;
}

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

Hope this will help you!
Thank you!

Calin
tagDiv Staff

Hi,

Unfortunately there is no option for this, you need to use a custom css like this one
.block-mega-child-cats {
display: none;
}

This will be the results: from this -> https://i.imgur.com/U8hMOfd.png in this -> https://i.imgur.com/Jgl1IrF.jpg
The code need to be set in theme panel > custom code> custom css.

Thank you for your understanding!

Calin
tagDiv Staff

Hi jamesrobson,

Please note that not all elements from our theme has the same options, therefore not all elements will had the style tab in tagDiv Composer, but all elements will have the General and css tab. css tab is the same for all elements and in general tab can be set some general settings that can be apply on that element.
So if you want to add a gradient on footer zone (or header zone) you need to click on some element from that zone and click on footer -> https://i.imgur.com/AzKBxCm.png then it will be display the options for footer zone then you can use the elements from css -> https://i.imgur.com/UnxaSJw.png or from general -> https://i.imgur.com/BZWbOnI.png also note that in order to see the changes, you need to set the background for the rows in the footer zone on transparent -> https://i.imgur.com/GZo5R4m.png the results will be -> https://i.imgur.com/XATVgCX.png

Hope this will help you!

HYUNSOOKIM
Participant
#0

Hi, There is something wrong with TD composer homepage editing.
I applied ‘News magazine’demo, and there is ‘latest articles’ block above footer.
but that ‘latest articles’ block is positioned out of <content zone>. so I can’t edit that block in TD composer.
next is a code bottom line of my homepage.
I’m almost outlander at website and coding, please answer in details. Thanks.


[vc_row full_width="stretch_row_content td-stretch-content"][vc_column][td_block_big_grid_fl_4 td_grid_style="td-grid-style-6" category_id="" sort="random_posts"][/vc_column][/vc_row][vc_row el_class="td-ss-row"][vc_column width="2/3" tdc_css="eyJhbGwiOnsiZGlzcGxheSI6Im5vbmUifX0="][/vc_column][vc_column width="1/3" tdc_css="eyJhbGwiOnsiZGlzcGxheSI6Im5vbmUifX0="][/vc_column][/vc_row][vc_row][vc_column tdc_css="eyJhbGwiOnsiZGlzcGxheSI6Im5vbmUifX0="][/vc_column][/vc_row][/tdc_zone]

Calin
tagDiv Staff

Hi,

The problem is that you have set in your header style a banner (ad) and this is not remove is only hide using the theme panel option (this is also using css like the one provide by me) -> https://i.imgur.com/120y5FZ.png if you do not want to have the add, then simply remove the code like this -> https://i.imgur.com/EbGksU3.png save the changes clear all cache and check the results.

Let me know the results!
Thank you!

Calin
tagDiv Staff

Hi,

Unfortunately this can be achieve only with a custom css. If you want to remove it from all devices, you can use this custom css:
.td-scroll-up-visible {
display: none;
}

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

Thank you for your understanding!

Calin
tagDiv Staff

Hi,

Yes, if you are using cloud templates from tagDiv Cloud Library, you need to edit it with tagDiv Composer and check to have set “Single Post Featured Image”, if you have “Single Post Bg Featured Image” the image title description will not be display, because the image will be set as background with css not as image element (img html).

If you have other questions, let us know!
Thank you!

Calin
tagDiv Staff

Hi,

Unfortunately we can not provide support on Team Viewer, only on email and this forum.
As I can see you need to set the background for that module to be transparent, for this you need to use a custom css, if you can set live the website, I can help you with this.

Thank you for your understanding!

Calin
tagDiv Staff

Hi frangonzalez,

Thank you for your kind words! also sorry for the late answer, we had a day off!
Yes, you can use different css for main header menu and sticky header, you can try this custom css
.tdb-mega-menu .sub-menu > li {
margin-top: 30px!important;
}
.td-header-sticky-smart .tdb-mega-menu .sub-menu > li {
margin-top: 0px!important;
}

You can replace the above code with this one.

Hope this is what you need!
Thank you!

Calin
tagDiv Staff

Hi,

The css seems to be ok, and if it achieve what you need, then is no need for more css.

Thank you!

Calin
tagDiv Staff

Hi,

Unfortunately Newsmag theme do not has this option, indeed you can try some custom css to increase the width, but the blacks, grids will not adapt to the new dimension, only flex block can adapt.

Thank you!

Mark Gilbert
tagDiv Member

Calin – I downloaded gutenberg-editor.css by ftp but see it’s not a text file. How can I edit it?

Viewing 25 results - 7,551 through 7,575 (of 33,436 total)