Search Results for 'css'

Results from the Forum
Vlad S
tagDiv Staff

Hi,

Our theme made a request for updates the covid data once at 3 hours (using timezone UTC GMT+0), the dates are get from here https://github.com/CSSEGISandData/COVID-19/tree/master/csse_covid_19_data and these are update frequency once per day.

Thank you!

Calin
tagDiv Staff

Hi,

If the option from tagDiv Composer is enable, then the zoom should be add to element-> https://i.imgur.com/cKrGh5z.jpg as I can see for you is apply a stronger css, to fix this, you need to use this css
.td-module-container:hover .td-thumb-css {
transform: scale3d(1.1, 1.1, 1)!important;
-webkit-transform: scale3d(1.1, 1.1, 1)!important;
}

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

For page you can remove the breadcrumbs using all the page templates except the Page Builder + Page Title -> http://prntscr.com/olu6wz or you can use a custom css
.page .td-crumb-container{
visibility: hidden;
}

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

Thank you!

Calin
tagDiv Staff

Hi,

Please try this custom css: https://i.imgur.com/w2v1qP3.png
.td-menu-mob-open-menu #td-outer-wrap{
-webkit-transform: none;
transition: none;
}
.td-menu-background, #td-mobile-nav {
width: 70%;
}

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,

For post loop you can use this custom css:
.my-posts-loop-class .td-module-meta-info{
height: 400px
}
.my-posts-loop-class .td-module-meta-info .td-read-more{
position: absolute;
bottom: 10px;
}

Hope it will help you!
Thank you!

Calin
tagDiv Staff

Hi,

I think that you are referring on these arrows -> https://i.imgur.com/pMNqm3r.png these can be change with custom css or if you are using a cloud header, you can edit it with tagDiv Composer -> https://i.imgur.com/rIfKiI1.png you can change the icons -> https://i.imgur.com/TJhrGlT.png -> https://i.imgur.com/Y7TWPTY.png and you can change pagination color from here -> https://i.imgur.com/cVJxHQ3.jpg If you are using a standard header style, you can use also the settings from theme panel -> https://i.imgur.com/Mq4zliJ.png

Thank you!

Calin
tagDiv Staff

Hi,

Unfortunately for the moment our theme use the WhatsApp only on mobiles, but if you want to have it on desktop to, you can use this custom css:
.td-social-whatsapp{
display: inline-block;
}

The code need to be set in theme panel> custom code> custom css.
Please note that this will only display the WhatsApp share button on desktop, it will not work as WhatsApp Web app.

Thank you!

Calin
tagDiv Staff

Hi,

Make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv plugins, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.
If there is still a problem, you can try this custom css:
body.td-animation-stack-type0 .post img {
opacity: 1;
}

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

Let me know the results!
Thank you

mrsky28
tagDiv Member

Reopening this thread since I have a similar problem but with featured images. I’m not using the mobile theme plugin but instead using the default responsive version of the site for mobile devices.

GTMetrix does show that some images are not scaled properly. My recommendation was: ****imagelink****.webp is resized in HTML or CSS from 1280x920 to 335x241. Serving a scaled image could save 29.2KiB (93% reduction).

Is there a setting or a way to serve smaller featured images when viewed via mobile?

All my images are optimized via imagify and this is the one problem I can’t figure out.

bierhier
Participant
#0

Dear Support

Currently, I have Issues with the CSS of my image gallery thumbnails.
The first page the thumbnails load correct but if I click page 2 the thumbnails are only shown (non-white overlay) on a mouse hover.
Question:
– Is this a conflicted CSS thing?
How can I overcome this with a custom CSS rule?
– Or is this a lazy load setting?

Example:
This loads ok:
https://www.idiots.beer/photos-brugs-bierfestival-2020/nggallery/thumbnails
Then: Click on that page to another page of the thumbnails

The result is this:
https://ibb.co/SyTkvS4

Krs
Dieter

Neelesh
Participant
#0

Hey,
I am trying to change color of sub categories background. I want to give every sub categories background a unique color means different color to every sub categories background. When i change the color it applies to every sub categories background. I tried custom CSS but the problem is every sub categories <span> has same class i can’t give them unique color until class of every <span> is same. Have a look at screen to understand better-
I trid to locate configuration of this template but i can’t find help.

https://ibb.co/GWCXbbR

I have one more problem related to category Template. I want to delete “mysiteurl.com/category” page i don’t want this page.

https://ibb.co/b3q0svr

When i open it url changes

https://ibb.co/JQPHhq7

This page has Home>parent category>parent child category

My site url hindinzone.com
Thank you

Amit
tagDiv Member

Hello @somon

Consider changing the width to 60% or 65% in td-composer/mobile/style-amp.css

Refer: https://prnt.sc/se5lyc

Hope you will find this helpful.

altgirlmedia
Participant
#0

Hi,
I’ve been trying to use certain shortcodes in custom post type templates I created because they don’t take any of the post settings. For example, I’m trying to use the share single post shortcode like this:
echo do_shortcode('[tdb_single_post_share like_share_style="style2" content_align_horizontal="content-horiz-center" like="yes" tdc_css=""]');
So it works. It displays the sharing buttons but it shows all of them. How do I select the social networks I want to use within the shortcode? The posts work because I’m using it in a cloud template and it only display what I have set in post settings in the theme panel but in that case it shows ALL the networks.
Thank you.

ProfAsiyo
Participant
#0

Hi I wanted to hide the POST VIEWS on my website, I have tried using the toggle button fuctionality availed in the theme panel but it seems not to work, this let me to the forum and through my searches I found alternatives of using custom css to hide the same but still to no avail.

This is the custom css tried:

.td_block_wrap .td-post-date{
display:none!important;
}

and

.td-post-date{
display:none!important;
}

They both don’t work as can be seen on my blog http://www.starnews.co.ke.

If it cannot be achieved is there a way I can have my previous post views as they were before i switched to the Newspaper theme?

Prof.

tanteidee
tagDiv Member

Thanks Calin! Sorry for the delay.

I am using the second version only where I need it, I have also applied the class to Posts Loop of the categories (applying the class to the Template), but I don’t see the same result that I get in Home where I have the simple Flex Block 1.

How can I also apply your CSS to the Posts Loop?

Calin
tagDiv Staff

Hi,

This can be achieve only with custom css, please try this custom css
.comments time{
display: none;
}

The code need to be set in theme panel> custom code> custom css.
If there is still a problem, please provide me a link to your website and I will make a better css for you.

Than you!

Calin
tagDiv Staff

Hi,

You can solve it using a custom css like this one ->
.td-tags li {
line-height: 40px;
}

You need to set it in theme panel> custom code advance > phone.
Or using this setting from theme panel -> https://i.imgur.com/BJZpmCQ.png

Hope this will help you!

tmamedov
tagDiv Member

Thank you for your answer. I just read the guide on version 10 theme, and found out about standard pack. This would be a better solution, to use responsive theme but cut out excessive css and html

Calin
tagDiv Staff

Hi,

Unfortunately there is no option for this, the only think that you can do is to set a patting on link to make it bigger -> https://i.imgur.com/65gZl4H.jpg
.td_block_slide .td-slide-meta a{
padding-top: 25%;
}

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

Hope this will help!

Calin
tagDiv Staff

Hi,

Please try this custom css-> https://i.imgur.com/7R3QOpD.png
.page-nav a, .page-nav .current {
border-radius: 50%;
}
.page-nav a:hover, .page-nav .current:hover {
background-color: #0076db;
color: #fff;
border-color: #4DB2EC;
}

This will apply only on pagination.

Hope it will help!

Calin
tagDiv Staff

Hi,

Please note that our theme do not have any control over embedded tweets, I’m not sure but, yes is possible to be plugins or custom css that can adjust the layout.
If you want I can take a look to your embed tweets, maybe I will be able to help with a css.

Thank you for your understanding!

Calin
tagDiv Staff

Hi,

The General Modal Images will apply on images and gallery that are set to “Media File” or link to attachment page.
As a suggestion you can try the gallery provide by Gutenberg, also if you want the gallery image to be like this -> https://i.imgur.com/rUUz6R0.png please add this css in theme panel> custom code. custom css
.mfp-bg {
opacity: 1;
}

In the meanwhile we’ll make some more investigations to see way is apply the lightbox if this is disable.

Thank you!

Vlad S
tagDiv Staff

Hello !

The whole theme is dynamic and everyhting adjusts depending on what you work on it. If this is a page speed matter you can follow our tutorial here: https://forum.tagdiv.com/how-to-make-the-site-faster/

The CSS of the mobile theme can be found in here: wp-content/plugins/td-composer/mobile/style.css

We are able to offer you a refund if you make a request here: https://themeforest.net/refund_requests/new

We are sorry for the inconvenience !

Thank you !

Calin
tagDiv Staff

Hi,

This -> https://i.imgur.com/2mBkQGJ.png is not a theme element is coming from a plugin -> https://i.imgur.com/gE111Lv.png you need to find that plugin and check the settings that is using, to make sure that is a plugin conflict, please deactivate ALL plugins except tagDiv plugins, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.

If you do not want to remove that plugin and you only want to hide the author from the category page, you can use a custom css -> https://i.imgur.com/sviuwGl.png
.category .saboxplugin-wrap{
display: none;
}

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

Hope this will help you!

Calin
tagDiv Staff

Hi,

The code is the same -> https://i.imgur.com/Ogtpf4B.png
.td-scroll-up {
background-color: black;
}

But you need to set it in theme panel> mobile theme > custom code> css.

Hope this will help you!
Thank you!

Neelesh
tagDiv Member

Hello Calin,
I reduced mobile menu width from 100% to 70% looking good I used your custom css to remove animation but i can’t able to remove background which goes backward when i click on menu. I want to remove that backward animation of background. I also want when someone want to close the menu he can simply close it by touching anywhere outside of menu on right side.

Viewing 25 results - 7,826 through 7,850 (of 33,436 total)