Search Results for 'css'

Yes, that option is not working since you get fast preview of the page from google, please try this custom css:
.amp-mode-touch .td-location-icon, .amp-mode-mouse .td-location-icon {
display: none;
}
Hope it will help you!

Hi,

To remove that space, please use the right click on the inner row -> https://i.imgur.com/YWn8VKc.png (or click on it and press delete button from keyboard).

The login button is opening a popup form, this is how is work, this has a few options that can be edited using the settings from theme panel -> https://i.imgur.com/3IpsHdV.png also the button can be edited using tagDiv Composer -> https://i.imgur.com/Jvyt7nU.png

As I can see in your screenshot the buddypress seems to have a css problem, to fix it, please use this custom css:
.buddypress-wrap form.bp-dir-search-form input[type=search] {
width: 70%;
}
#buddypress div.dir-search {
margin-top: -0px;
}
Set the code in theme panel> custom code> custom css.

Hope it will help you!
Thank you!

Hi,

1. Please try this custom css for h2 -> https://i.imgur.com/UzPF0es.png
.td_smart_list_6 h2 .td-sml-current-item-title {
font-size: 27px;
line-height: 38px;
letter-spacing: -0.02em;
}
Set the code in theme panel > custom code> custom css.
Also if you want to have the same size for all h you select for smart list, just remove the h2 from the code.

2. These are the most recommended size for ads per devices:
mobile : 300px X 250px
iPad : 336px X 280px
desktop: 728px X 90px
You can check more in this guide https://support.google.com/admanager/answer/1100453?hl=en

3. This is the way that the smart list was create -> https://i.imgur.com/T3XZ0mJ.png -> https://forum.tagdiv.com/newsmag-smart-lists/ the only way to achieve the smart list in the way you want is to make some change in theme files -> wp-content/plugins/td-composer/legacy/Newsmag/includes/smart_lists/td_smart_list_6.php
-> https://i.imgur.com/7gQYOfJ.png -> https://i.imgur.com/FYzq7Vp.png -> https://i.imgur.com/OQ70nY2.png

hope this will help you!
Thank you!

Hi,

The problem seems to be with a css that set opacity 0 on amp -> https://i.imgur.com/F1iOAaS.png now the only thing that I can do is to say to use a custom css like this one
body.td-animation-stack-type0 .td-animation-stack .entry-thumb {
opacity: 1;
}
And to be sure that you do not have any plugins that are in conflict with amp version.

Thank you!

Hi,

That part can be edited using tagDiv Composer -> https://i.imgur.com/kdRYLoS.png click on the row and check the css tab -> https://i.imgur.com/iP0ocUE.jpg

Hope this will help you!
Thank you!

Hi,

For the header, please set a new row and see if on this the layout 9-3 is applying, if yes, then on your current header row is set maybe a width on column like this -> https://i.imgur.com/8vzz2TC.png -> https://i.imgur.com/EigrDbP.png
For main menu row, please select each column and set on theme in css tab the width you want to have in %.
Usual the problem indicate for the footer is caused by some plugins, for example when you are using WPBakery with tagDiv Cloud Library. If you have this plugin enable, please disable it and check again, if the problem persists, please disable all non theme plugins and let only tagDiv plugins.

Let me know the results!
Thank you!

Hi aassi,

If this is a cloud header, then it will be the best to edit it using tagDiv Composer and adjust it, you can do it by setting some margins in css tab -> https://i.imgur.com/J4IF2fc.png this can be done per row/column/element, also you can set on element a line height -> https://i.imgur.com/D2vXOnd.png
This will be better then using custom css.

Thank you!

Hi,

Normal if you are using only standard demos, then the footer that you have set on homepage should be the same for the entire website, only using cloud templates you can set different footers per pages/templates.
What you can do is to make a test and let only theme plugins enable (tagDiv Plugins), comment the css and make sure that you clear the browser cache after that check again.

Let me know the results!

hi,

i just make a new test using a mobile with android and on this one the list is displaying normal -> https://i.imgur.com/idwYInl.png also I checked it on iPhone X too and on it is look like this -> https://i.imgur.com/uwVs1iN.png is look that the first number is covered. What you can do in this situation is to set a padding on that ol, you use a code for rhis ->
ol {
padding: 0 10px;
}
Ste the code in theme panel> mobile theme > custom code> css -> https://i.imgur.com/A0FKSiF.png

Let me know the results!

Hello !

Please try and use this css code: yatag img {
opacity: 1!important;
}

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

Thank you !

Hi nhowarth, this can be done only if you are removing the icons from theme files and add them use code skills or using :before/:after element from css -> https://www.w3schools.com/cssref/sel_after.asp
Thank you for your understanding!

Hi noticiasdehonduras, thank you for your kind words!

I think that what you need can be achieve more easy using the posts loop 1, please make these settings -> https://i.imgur.com/ssQqj7g.png -> https://i.imgur.com/POmQBIO.png -> https://i.imgur.com/Vuthdza.png
.tdb_loop .td-module-title {
width: 125%;
}
[class*="tdb_module_loop"] .td-image-container {
top: 100px;
}
The code need to be set in theme panel custom code> custom css.
Also the above custom css can be improved.

Hope this will help you!
Thank you!

Hi,

1. Unfortunately the theme do not have an option to can set the roman letters on smart list, sorry! As I know, for the moment this can be achieve only with custom work.
One solution is to set manually these roman letter in front of each smart header -> https://i.imgur.com/gaN7nIa.png

2. You can use a custom css to remove the numbering system from smart list -> https://i.imgur.com/5uBeEYN.png
.single .td-sml-current-item-nr {
display: none;
}
This code need to be set in theme panel > custom code> custom css.
results -> https://i.imgur.com/Qywd8uM.png

Thank you!