Search Results for 'css'

Results from the Forum
lbaddhan
tagDiv Member

We updated everything but css and js files are not working properly.

loskwantos
tagDiv Member

okay figured it out. select row > css and then select background.

But now the image looks really bad like pixelated. Even if I put the old one back. How to fix this

archnews
Participant
#0

Hi, my RSS feeds populate into an app, but just recently they’ve started showing images in the page body in a weird place that messes up the app layout.

The app team says it is being caused by an issue on my website caused by the following code in the feed CSS

figure {
display: block;
margin-block-start: 1em;
margin-block-end; 1em
marin-inline-start: 40px
margin-inline-end: 40px
}

i’ve searched through every possible file and can’t find this code to remove it, please can your advise?

Anamaria
tagDiv Staff

Hello,

To change the style you need to edit the theme files -> wp-content/themes/Newspaper/style.css -> https://i.imgur.com/iZItav5.png

Thank you!

Anamaria
tagDiv Staff

Hello,

To change the color of date, you need to use this custom code if you want => https://www.screencast.com/t/B1HCLERy

.td-post-date
{
color: red;

If you want to apply only for mobile add the code in set the code in Theme Panel -> Custom Code -> Advanced Css -> Phones -> https://i.imgur.com/IlMFlug.png

Thank you!

Anamaria
tagDiv Staff

Hello,

You can delete the CSS Analyzer, “Remove Generated CSS” -> https://i.imgur.com/19NUVKC.png and clear all cache.
I’m glad you solved the problem.

Have a nice day!

crodexter
tagDiv Member

Thank you a lot.
CSS code is working.

earanda
tagDiv Member

Resolved.
it was the css of a plugin with the hide configuration

.search {
display: none;
}

themidfielder
tagDiv Member

Hi, I accidentally ruined my website with CSS Analyzer how can I fix that – https://www.themidfielder.com/category/champions-league-news/page/3/ I have a backup, but it doesn’t bring the website back to normal

Anamaria
tagDiv Staff

Hello,

You can disable the back to the top from Theme Panel -> Template Settings -> ToTop button => https://www.screencast.com/t/JVYklvqk (if you have the mobile page or mobile resposive)
Also, for the mobile theme plugin, you can only hide using a Custom Code CSS
.td-scroll-up
{
display: none;
}

Set the code in Newspaper -> Theme panel -> Mobile Theme -> Custom code.

Thank you!

skotsiopoulos
Participant
#0

Is there a working Plug-in to place specific articles in autoload? If not, is there a readily available php or css code that does that?

Anamaria
tagDiv Staff

Hello,

Yes, you can use the element RAW CSS, but it depends on the code -> https://i.imgur.com/t73Ysmd.png

Thank you!

Anamaria
tagDiv Staff

Hello,

You can use the Flex Block 1 and you can filter it to display the posts only from a category -> https://i.imgur.com/Nnt3zGX.png
The Posts Loops settings are divided into 5 tabs: General, Layout, Style, ADS and CSS. The Posts loop is a special block and doesn’t have filtering options.
Also, one of the options for pagination of the Posts Loop has the option for normal numbered and the flex blocks do not have this option.
The Posts Loop is automatically filtering the posts depending on the cloud template you set (for example on the category page there will be posted posts from that category).

Thank you!

phase3av
tagDiv Member

Hi,

I’ve already got the correct css as it’s working correctly on all other pages and even on the shop page for the 1st 10 products, I am just asking if there is something I am missing on the shop page that it’s causing it to change on the 11th product on onward when the page loads more products. I’ve read many posts where you assist with things like this, I’m not looking for full customization..

Thank you

bundes-verlag
Participant
#0

Is it possible to add CSS Code which is only called at a specific page?
How can one achieve that?

Thank a lot!

Anamaria
tagDiv Staff

Hello,

The color for ToTop Button is the Accent color from Theme Panel -> Theme Color -> General Theme color => https://i.imgur.com/gvoN3sh.png
The size and symbol can be changed only if you use a custom code CSS.

Thank you!

Anamaria
tagDiv Staff

Hello,

Please edit with tagDiv Composer, select the row on the header ad go to the tab called CSS and modify or delete the value for margin top -> https://i.imgur.com/ALdDQMe.png

Thank you!

Bettina
tagDiv Staff

Hello!

You need the Standard Pack plugin if you use the default templates. Otherwise, you can uninstall it.
We do not encourage you to use the Standard Pack plugin with the default template
We recommend to use cloud/PRO templates in order to have the possibility to edit them with the TagDiv Composer which contains a lot of functions and features, please check our tutorial here: https://forum.tagdiv.com/tagdiv-composer-tutorial/

Documentation here:
https://forum.tagdiv.com/cloud-library-templates/
https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/
https://forum.tagdiv.com/cloud-library-category-templates/

Check also our video tutorials here: https://www.youtube.com/c/tagdivThemes/videos

Anyway, this issue has been discussed already here, please check:
https://forum.tagdiv.com/topic/excessive-css/

Thank you!

erickimani
Participant
#0

I have checked my page on Coverage tab in Chrome DevTools and the td-standard-pack has 99.7% unused bites (almost 400K bites) of CSS

How can I go about refactoring the unused CSS to improve my blogs performance

See screen shot

https://paste.pics/1cac092013be1be29359d912e1d5c45e

phase3av
Participant
#0

Hello,

This is my page I’m having an issue with https://new.phase3rentals.com/wp/shop/ .
I have added css in the css editor to my woocommerce loop product titles to specify it to only be 3 lines in height.

this is my css:

.td_woo_products_loop .td-module-title {
height: 7.5ex !important;
/* 2.5ex for each visible line */
width: 100% !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}

It works great on my product category pages, but on my main shop page, it works for the first 1.5 rows and then it leaves 4 lines of space. This happens if I decrease the line numbers as well, if I set it to 2 lines, it leaves 3 specifically starting on the 11th product in (and going forward), which is where it starts to load.

Any idea how I can fix this?

Thank you!

IMARK
Participant
#0

Hi,
I’m trying to make the entire footer have a blue background.
In the TagDiv editor, I could only get the contained row to be blue.
I’ve added this CSS rule:
.td-footer-template-wrap {background-color:#005587!important}
Site:
https://imarkplumbingn.wpengine.com/
Credentials to view:
user: imarkplumbingn Password:87084958
Thank you.

Anamaria
tagDiv Staff

Hello,

To hide the avatar you need to use a custom code css -> https://i.imgur.com/eCdM155.jpg

.comment .avatar
{
display: none;
}

Please set the code in the theme panel > custom code> custom css.
Let me know the results!

Thank you!

Calin
tagDiv Staff

Hi,
Indeed, I made some tests and it looks that there are some problems with the CSS Analyzer and auto loading.
Unfortunately the CSS Analyzer is only in beta version and for the moment is is not recommended to be used where pagination is used!
An alternative plugin for this is the Autoptimize
Thank you for your understanding!

Calin
tagDiv Staff

Hi,
The problem with the sidebar is related to a plugin conflict between tagDiv Cloud library and an extra plugin, this plugin is WPBakery, this is overwriting the cloud settings for rows.
so to have the nice layout you’ll need to disable the WPBakery plugin, or use some custom css to adjust the css.
AS for the Disqus plugin, please use this one -> https://i.imgur.com/ekEVAVu.png
Thank you!

Calin
tagDiv Staff

Hi,
Normal that color should change in the moment you change the color from here -> https://i.imgur.com/rfDeMuT.png
If this is not working, then maybe you have a custom css that it is apply and for this you can try this custom css:
body .td-header-sp-top-menu .td_data_time {
color: #000;
}

You need to set the code in the theme panel > custom code> custom css.
I hope this will help you!
Thank you!

Viewing 25 results - 3,801 through 3,825 (of 33,436 total)