Search Results for 'css'

Hi,

If the problem is on a page, you can edit it with tagDiv Composer and set on the content a top margin or padding -> https://i.imgur.com/3dnGn7z.jpg or you can use a custom css like this one -> https://i.imgur.com/qwXqyv5.png
.page .td-page-title {
margin: 19px 0 19px 0px;
}

Thank you!

Hello !

Please provide a link to your website and show us a picture of where the gap is in order see if we can fix it with CSS.

If your page was created using tagDiv Composer you will be able to edit it yourself as you can see it here: https://www.screencast.com/t/XfXrh0jep

I hope this was helpful !

Thank you !

Hi,

You can use a cloud template for tagDiv Cloud Library and edit it with tagDiv Composer also the text for noresults can be adjusted using a custom css -> https://i.imgur.com/jAf3TMp.png
.search .no-results{
padding-left: 24px;
}
The code need to be set in theme panel> custom code> custom css

Thank you!

Hi,

If you are referring to this underline -> https://i.imgur.com/BfUr8BS.jpg this one is set with custom css, you can use this custom css
.td-animals-pro .td-post-content img {
border-bottom: 5px solid red;
}
it will change only the underline color for the image inside the posts, the code need to be set in theme panel> custom code> custom css.

Hope this will help you!
Thank you!

Hi,

Please try this custom css
.tdb_loop .page-nav .pages{
display: none;
}

Thank you!

Hi,

The most easy way to change the background color for all widgets is to use a custom css -> https://i.imgur.com/TxZZy9f.png
.td-main-sidebar .widget .block-title span{
color: green;
}
The code need to be set in theme panel> custom code> custom css.
Also these images appear like this -> https://i.imgur.com/y172u02.pngbecause do not have set a featured image -> https://forum.tagdiv.com/featured-image-or-video/

Hope this will help you!
Thank you!

Hi,

The elements will not stretch if you have set a background color or image you can check more in our documentation from here -> https://forum.tagdiv.com/background-introduction/ this will solved the problem with full width and stretch -> https://www.screencast.com/t/sqqp0gHg5QaY
The color from mega menu can be change from theme panel if you are using a standard -> https://i.imgur.com/g7SpmlQ.pngheader style -> https://i.imgur.com/sN8UNlv.png or if you are using the cloud header you’ll need to edit it with tagDiv Composer, click on menu after that on inner row ( or row if you do not have inner row) -> https://i.imgur.com/wnWH8sE.png and set in css tab the background color -> https://i.imgur.com/dlFd25t.png

Hope this will help you!
Thank you!

Hi,

You need to use this custom css ->
#td-header-search-button-mob {
display: none;
}
The code need to be set in theme panel -> https://i.imgur.com/YTsUo4x.png

Thank you!

Hi,

From what I know is very possible to be a problem in the theme with the load more button, this will be fix in the coming update.
Please try this custom css for load more button ->
.td-load-more-wrap a{visibility: visible !important;}

-> http://prntscr.com/q0l063
The code need to be set in theme panel> custom code> custom css.

Thank you for our understanding!

Hi,

Please try this custom css, you need to set it in Theme panel> Custom code> Advance css > phones
:target:before {
content:"";
display:block;
height:60px!important; /* fixed header height*/
margin:-60px 0 0!important;; /* negative fixed header height */
}

Hope this will help you!
Thank you!

Hi,

If you are using standard post style -> https://i.imgur.com/W75mt1u.pngyou can use a custom css to remove the “MORE FROM AUTHOR”.
.td_block_related_posts .td-related-right {
display:none;
}

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

Thank you!

Hi,

You can achieve that by editing the cloud header template 10, click on the row where is store all the elements from header and set the stretch row on default-> https://i.imgur.com/wSGXF8J.png after that in css tab set the background color you want to have -> https://i.imgur.com/HhLbe9Q.png after that click on the inner row from the row and set the background color you want -> https://i.imgur.com/UhvT4IZ.png after that click on the header menu and set the background color to opacity 0 -> https://i.imgur.com/ZfSc4HM.png also you can remove the shadow from bottom header from here -> https://i.imgur.com/fGaamSZ.png after that the header should look like this -> https://i.imgur.com/HVNp8PQ.jpg you can set the color white and it will look better -> https://i.imgur.com/1MD9ZZL.jpg

Hope this will help you!
Thank you!

Hello !

Open a post template using tagDiv Composer:

Add a new ROW and a single post BG Image: https://www.screencast.com/t/NgeLIYoxDGeD

Set the ROW width: https://www.screencast.com/t/TQtsMZJerD

Set the background color for the post content from the ROW settings: https://www.screencast.com/t/0AvwJ3G1 Also as you can see in the CSS tab I have added -50, add a – and the number you want to adjust how much you want the content to overlay the post bg image.

Set the zone background color: https://www.screencast.com/t/VJkyh3hDA9l

I hope this was helpful !

Thank you !

Hi,

Please try this custom css -> https://i.imgur.com/uxprcRm.jpg
.tdb_loop .page-nav {
margin-right: auto;
margin-left: auto;
display: table;
width: auto;
}

Hope this is what you need!
Thanks.

Hi,

Is look that the menu have set first the color black and only after that is apply the color white, what you can do is to apply a stronger custom css and set it in theme panel> analytics like this -> https://i.imgur.com/PSlbmgV.png
<style>
.tdb-menu > li > a{
color: #fff!important;
}
</style>

Hope this will help you!
Thank you!

Hello !

Please provide a link to your website and also let us know what css code do you have so we can inspect.

Thank you !

Hi,

Sorry, was a misunderstanding, you can use the same code as for desktop, and change only the height and margin px, set the code in Theme panel> Custom code> Advance css > phones -> https://i.imgur.com/uJWTEWC.png

Hope this will help you!
Thank you for your understanding!

Hi,

If you are referring to this word -> https://i.imgur.com/pviHehb.png you can increase it using custom css ->
.td-search-input span {
opacity: 0.8;
font-size: 20px;
}
-> https://i.imgur.com/zKm9zCv.png

If you are using the mobile theme plugin you’ll need to set the code in Theme panel> mobile theme> Custom code> css if you are using the responsive version you need to set the code in Theme panel> custom code> custom css.

Thank you!