Search Results for 'css'

Results from the Forum
Calin
tagDiv Staff

Hi,

Unfortunately I do not have ac css to see the image -> https://i.imgur.com/Hq1CCc0.png

Make sure that your posts has set a featured image or video -> https://forum.tagdiv.com/featured-image-or-video/
Make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv plugins, also if you are using child theme, cache plugin or CDN, deactivate them, clear all cache and try again.

Thank you!

Vlad S
tagDiv Staff

Hello !

Please use this css code: .td-scroll-up {
margin-bottom: 30px!important;
)

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

Thank you !

Calin
tagDiv Staff

Hi,

Did you use some custom css for internet explorer ? is look that this is apply on edge too, please try this css
html[class*='ieEdge'] [class*='td_flex_block_'] .td-module-container{
display:flex;
}

If is nor apply replace it with this one
html[class*='ieEdge'] [class*='td_flex_block_'] .td-module-container{
display:flex!important;
}

Let e know the results!
Thank you!

Calin
tagDiv Staff

Hi,

I just checked the pagination with my mobile and now is look that this is the only problem -> https://prnt.sc/skcbzz but is look that the code set in custom css section affect the desktop -> https://i.imgur.com/69TCHBH.png I tried my best to help you, but I can not make the first button to be full width without affect other pages, sorry!

Thank you for your understanding!

Calin
tagDiv Staff

Hi,

I just try again, this is the code that I have set -> https://i.imgur.com/l7Jirsy.jpg using only this css for desktop -> https://i.imgur.com/tQALrYh.jpg and for me the results on mobile are -> https://i.imgur.com/ugETCew.png (you need to refresh the page to see the results). Please try with banners/images like in my example and let me know the results.

Thank you!

Calin
tagDiv Staff

Hi Mauricio Jaramillo Marín,

This is a good question, in case that you hide it for all devices, then you’ll need to set in tagDiv Composer > css and css -> https://i.imgur.com/LrSZZhw.png -> https://i.imgur.com/ac8qBUR.png -> https://i.imgur.com/OEOVtpK.png
.vc_row.td-pb-row{
display: block!important;
}

Hope this will help you!

chrismartel0817
tagDiv Member

The issue seems to be create by turning on the “minify CSS” feature on my caching pluging. Is there a way to minify CSS without breaking these icons?

Calin
tagDiv Staff

Hi,

The amp version will be on mobile and you can not make the hover on mobile devices, but if you want you can set it in Theme panel> Mobile theme > Custom code> css it should apply on amp too.

Thank you!

Calin
tagDiv Staff

Hi,

Please try this css
.menu-navigation-container .menu
{
display: block!important;
}

Also the position of copy right can be change only if you are using a cloud template for footer, this can be edited with tagDiv Composer.

Thank you!

Calin
tagDiv Staff

Hi,

This can be done only with custom css -> https://i.imgur.com/Kdzl1uQ.png
.td-scroll-up .td-icon-menu-up {
color: lightblue;
}
.td-scroll-up {
background: black;
bottom: 80px;
}

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

Hope this will help you!
Thank you!

smile099
tagDiv Member

I’ve put this code to the “Custom CSS” Instead of “Advanced CSS” -> “Phones” and it seems to work now.


.single .page-nav a[href$="/2/"] {
width: 100%!important;
margin-left: 0!important;
}

And this weird error with broken next/prev buttons appears only on /3/ page. Before and after the third page everything is ok. Do you know what might be the issue? Screen: https://prnt.sc/skb56c

Calin
tagDiv Staff

Hi,

For me dis is not displaying like that, here are the results -> https://i.imgur.com/OdCYeGl.png -> next page -> https://i.imgur.com/VCnTr2B.png with css -> https://i.imgur.com/zwlYGF2.png but I see that you have two identical links -> https://i.imgur.com/JZUxiTh.png one of them should be 3 instead of 2.

Thank you!

Calin
tagDiv Staff

Hi,

You can try this custom css for mobile theme -> https://i.imgur.com/7gOv6dg.png
#td-outer-wrap {
background-color: #222;
}
#td-outer-wrap * {
color: #fff;
}

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

Hope this will help you!

Calin
tagDiv Staff

Hi,

The margin can be change only with custom css -> https://i.imgur.com/Ro8u5Bj.png this code will apply only on these images that are aligned left and are set in a text with title element ->
.td_block_text_with_title .alignleft {
margin-right: 12px !important;
}

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

The only elements that can display text around the image are text with title and column text.

Thank you!

DaveKinetic
Participant
#0

Hello,

I want to change the default styling of the pull quote block on AMP. It seems excessively large and is set to 60% width. I have tried editing the pull quote section in Mobile Theme > Font Settings > Pull Quote, but that doesn’t seem to make any difference to font style.

Any idea where to change the font styling and the max-width, please?

Calin
tagDiv Staff

Hi,

It can be a plugin that is interfering with the theme css.
Please send us an email at contact@tagdiv.com and provide admin login, as well as cPanel or FTP if possible. We will take a look. Include a link to this topic in the email.

Thank you!

Calin
tagDiv Staff

Hi,

Unfortunately for the moment on that element you can set a different color only with custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
-> https://i.imgur.com/uwAZ49C.jpg
.td-subcat-filter .td-subcat-list a {
color: #eee;
}

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

Hope this will help you!

smile099
tagDiv Member

It’s not working.

For some reason, I can see ads created for desktop on mobile and desktop. And can’t see ads created for mobile anywhere.

Here’s an ad code that we are having right now:


<div class="td-visible-desktop doubleAds">
<script>

AdSense Code here

</script>
</div>

<div class="td-visible-desktop doubleAds">
<script>

AdSense Code here

</script>
</div>

<div class="td-visible-phone">
<script>

AdSense Code here

</script>
</div>

And here’s our css code:


.page-nav a[href$="/2/"] {
width: 80%!important;
margin-left: 10%;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a {
width: 45%!important;
font-size: 16px;
margin: 0 2.5%;
padding: 18px 48px;
color: #fff;
background-color: orange;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a, .page-nav .current{
display: none;
}
.page-nav a:first-child, .page-nav a:last-child {
display: block;
}
.page-nav a:first-child i:before {
content: "PREV";
}
.page-nav a:last-child i:before {
content: "NEXT";
}
.page-nav a:last-child i:before, .page-nav a:first-child i:before {
font-family: sans-serif;
font-size: 33px;
text-transform: uppercase;
font-weight: 600;
}

.doubleAds {
display: inline-block;
width: 300px;
}
@media (max-width: 767px){
.dads {
display: none;
}
}

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

Hi,

Make sure that the posts that are assigned to this category are translated for the second language.
If you are using a single post template from tagDiv Cloud library, then yes, the featured category will be display, this will no longer be hidden, but it can be hide like before with a custom css.

Thank you!

Calin
tagDiv Staff

Hi,

If found that the problem is because of the inline css, please try win an extra class, like this -> https://pastebin.com/4sdtxP5g and add this css in theme panel
.doubleAds {
display: inline-block;
width: 300px;
}
@media (max-width: 767px){
.dads {
display: none;
}
}

Hope this will work better!

smile099
tagDiv Member

Nothing changed, look: https://prnt.sc/sjmci0

And on /3/ page we get this error: https://prnt.sc/sjmakm (it’s not caused by new css code, it was before)

Here’s the code that we already have for all devices set:

.page-nav a[href$="/2/"] {
width: 80%!important;
margin-left: 10%;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a {
width: 45%!important;
font-size: 16px;
margin: 0 2.5%;
padding: 18px 48px;
color: #fff;
background-color: orange;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a, .page-nav .current{
display: none;
}
.page-nav a:first-child, .page-nav a:last-child {
display: block;
}
.page-nav a:first-child i:before {
content: "PREV";
}
.page-nav a:last-child i:before {
content: "NEXT";
}
.page-nav a:last-child i:before, .page-nav a:first-child i:before {
font-family: sans-serif;
font-size: 33px;
text-transform: uppercase;
font-weight: 600;
}

And here is what we’ve added for phones:


.page-nav a[href$="/2/"] {
width: 80%!important;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}

.page-nav a {
margin: 0 8px 8px 0;
padding: 12px 24px;
}
.page-nav a:last-child i:before, .page-nav a:first-child i:before {
font-size: 16px;
}

.single .page-nav a[href$="/2/"] {
width: 100%!important;
margin-left: 0!important;
}

Calin
tagDiv Staff

Hi,

For the footer problem, please try this custom css -> https://i.imgur.com/ov8hnbZ.png
.td-footer-template-wrap .menu-navigation-container .menu
{
display: block;
}

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

You already have the copyright set in footer ->https://i.imgur.com/TDUBDug.png

Thank you!

Calin
tagDiv Staff

Hi,

Please try this custom css for mobile -> https://i.imgur.com/uGZmJlu.png
.single .page-nav a[href$="/2/"] {
width: 100%!important;
margin-left: 0!important;
}

The code need to be set in section for phone.

Hope this will help you!
Thank you!

Calin
tagDiv Staff

Hi,

Please try this custom css -> https://i.imgur.com/MZxMCxe.png
.wp-block-button.is-style-round .wp-block-button__link:hover {
background: linear-gradient(156deg, #ffac4f 30%,#ffac4f 80%)!important;
}

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

Hope this will help you!

gmgcreative
tagDiv Member

Hi,

This was not helpful. I already mentioned that I had tried this.

I have copied the CSS code: https://imgur.com/hNY9pwZ

The font name appears in the drop-down. However, the titles on my home page are not appearing like it. They auto set to Roboto: https://imgur.com/kC7is04

I have made sure I have set Titling as the Default font in the theme panel too: https://imgur.com/KwQP6mWhttps://imgur.com/KwQP6mW

It doesn’t work. It shouldn’t be this difficult.

Please help.

Thanks

Viewing 25 results - 7,726 through 7,750 (of 33,436 total)