Search Results for 'css'

Hello !

In order to edit the space when having a cloud template you can do it by editing the CSS of each element available in the Template as you can see it here: https://www.screencast.com/t/qcnnf34a

Please note that only the tested plugins are covered by the support team. You can see the tested plugins here: https://www.screencast.com/t/jaJQOPQyl

You will have to insert your shortcode in a Column text element. Simply copy the shortcode and insert it in the text area of the column text as you can see here: https://www.screencast.com/t/UEMEsVKog

I hope this was helpful !

Thank you !

Hi,

The demo that you are using have set a custom gradient, you can change it using this custom css -> https://i.imgur.com/qglvMTg.jpg the code need to be set in theme panel > custom code > custom css.

The footer that you have set is a footer page, so in order to change the background color you’ll need to edit that footer page -> https://i.imgur.com/C9PnBMY.png -> https://i.imgur.com/7vljnGs.png click on the row and check the css tab -> https://i.imgur.com/1sEBFxT.png

Hope this will help you!
Thank you!

Hi,

That is a posts loop element this can be from page template as Page Builder + Latest Articles + Pagination or it can be set and edit with tagDiv Composer -> https://i.imgur.com/3UZxo8P.png unfortunately for what you wan to achieve you need to use some custom css too -> https://i.imgur.com/W4bF61P.png , you can try this custom css for example -> https://i.imgur.com/t275Es7.png

.td-next-prev-wrap a{
width: 200px!important;
font-size: 16px;
padding: 16px 48px;
color: #fff;
background-color: orange;
}
.td-next-prev-wrap a i {
display: none;
}
.td-next-prev-wrap .td-ajax-prev-page:before {
content: "Prev";
}
.td-next-prev-wrap .td-ajax-next-page:before {
content: "Next";
}
.td-next-prev-wrap a:hover {
background-color: red;
border-color: red;
color: #fff;
}
.td-next-prev-wrap .td-ajax-next-page {
padding-left: 48px;
}
.td-next-prev-wrap .td-ajax-prev-page {
padding-right: 48px;
}
The code need to be set in theme panel> custom code> custom css.

Hope this will help you!
Thank you!

Hi,

Please make sure that you do not have a plugin conflict with untested plugins, please deactivate all plugins and child theme ( if you are using ) and let only the tagDiv Composer , clear all cache, deactivate the cache plugin and try again.

Also if you are using a default demo, then check the theme panel > theme fonts >
pages https://i.imgur.com/DRtS5V7.png and General -> https://i.imgur.com/2RqOm18.png also you canc heck to see if you do not have set a custom css in theme panel.

If none of these help you, please provide me with a link where I can inspect this issue.

Thank you!

Hi,

So you can set the logo between the menu and search in this way:
set a row with this layout -> https://i.imgur.com/ljuDTwu.png after that set in each empty column one element, menu, logo and search, it will look like this -> https://i.imgur.com/Uk3ZFLR.png after that you’ll need to set on each column the width and make it inline block like this -> https://i.imgur.com/gZWoxx2.png -> https://i.imgur.com/CbCVgmr.png -> https://i.imgur.com/LSy1j7h.png after that set on each column vertical align -> https://i.imgur.com/V9hfbGS.png after that click on the row, go in css tab and set padding to 16px and padding bottom 32px -> https://i.imgur.com/XlYeajy.png

Hope this will help you!
Thank you!

Hi,

On Newsmag theme the load more button can be customize only with custom css, here is a code if you want to try it -> https://i.imgur.com/llEgruw.png
.td-load-more-wrap .td_ajax_load_more {
border: 2px solid #111;
background-color: #ed581c;
padding: 4px 16px 0px 16px;
border-radius: 5px;
color: #fff;
}
.td-load-more-wrap .td_ajax_load_more:hover {
border: 2px solid #000;
background-color: #ed581c7d;
color: #fff!important;
}
The code need to be set in theme panel> custom code?> custom css

Hope his will help you!

Hi,

1. If I’m right you have set on the post the post template 4 and you have activate the mobile theme plugin, this have a different layout, if you want to have the one from post style 4 you can disable the mobile theme plugin, indeed you can use custom css to achieve the similar, but you need to customize a lots of elements and this is not quite indicate.
2. You can try to regenerate the thumbs, please check our guide from here -> https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
3. Unfortunately we did not tested the aps-product plugin and therefore, we cannot say for sure if it will work or not as expected with our theme, sorry! Also, we cannot provide support for untested plugins, all I can do is to take a look to the problem and make some suggestions, but for this I need a link to inspect the problem.

Thank you for your understanding!

Hi,

Unfortunately on Newsmag theme you can not change/increase the website width, sorry, maybe this can be achieve using custom css, but this is not quite indicate.

Thank you for your understanding!

Hi,

What you can do is to choose a different post style -> https://i.imgur.com/cvUl5qI.pngor use this custom css -> https://i.imgur.com/mzuEh72.png
.td-post-template-4 .td-post-featured-image {
height: 300px;
}
The code need to be set in theme panel> custom code> advance in desktop section like this -> https://i.imgur.com/IIMFMM0.png

Hope this will help you!
Thank you!

Hello !

1. You can overwrite that option using custom CSS but even so the only background color would be this option: https://www.screencast.com/t/R9ktXLxohbO

.td-container-wrap {
background-color: red;
}

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

2. We will pass this suggestion to our developer but unfortunately we cannot promise anything at the moment for a release date.

I hope this was more helpful !

Thank you !

Hi,

Sumit if you send the email, you should get and answer/solution on email, just make sure that you send the email with all details mentioned above.

@vibe make sure that you do not have a plugin conflict and the theme you have is Newspaper v10.2 also make sure that you do not set any custom css that can affect the the amp functionality.

I’ve checked this problem and for me is working, also I checked the demos -> https://demo.tagdiv.com/newspaper_local_news/ on these the amp is working too.

Thank you for your understanding!

Hi,

I think that you want to achieve the same with for posts but without sidebar, if is so then you can do this using a single post template from tagDiv Cloud Library, edit it with tagDiv Composer, firts make sure that the post content have the row size set on default -> https://i.imgur.com/PKyxZre.png after that you can set the width you want to have in css tab, we recommend to set it in “%” and margin left/right auto -> https://i.imgur.com/O5THgRY.png

Hope this will help you!
Thank you!