Search Results for 'css'

Hi,

I suppose that your custom CSS code has been added inside your Live CSS area from here
-> https://www.screencast.com/t/SaPw8B3UGE5 Check this section.

Thank you!

You could use some CSS to remove the option to click on category labels in modules. If you want it for a specific block like this one – http://prntscr.com/n6qixz
First set a class to the block, for example – http://prntscr.com/n6qj7x
Then use a CSS like this

.myclass .td-post-category {
pointer-events: none;
}

Then the category tag in that specific block will not be clickable anymore, you could use this solution.

The category tag displayed in modules is the primary category, only one category is displayed there, you can choose which one it will be.
In that screenshot you mention a text near the date, that is supposed to appear in the post page? it would have to be dynamic for each post I believe, not the same text for each post, so adding text column or text element in the cloud template would not be a way to do it unless making multiple templates each with it’s own text.

Hi,

Is look like you have set the dark blue color for h1, h2 and p https://www.screencast.com/t/8rIuhD6u please check if you have the custom css in Theme panel>Custom code>Custom css color: #001447
If you want to use a custom css to change the color in black you can try this custom css
.td-container h1, .td-container h2, .td-container p {
color: #111111;
}

Thank you!

Hi,

Please replace the above custom css with this one, is not indicate to use important for amp version.
.single .td-post-title .td-module-meta-info .td-post-views {
display: none;
}

Thank you!

Hi,

Yes you can decrease the size between title and block using the css tool from title and set the margin bottom 0 -> https://www.screencast.com/t/Cc32slBKHaQa if this is not enough you can set the margin bottom with “-” -> https://www.screencast.com/t/cZZHVzHw71

Hope this will help you!
Thanks.

Hi,

If you are using flex blocks you can set a padding like this -> https://www.screencast.com/t/uG046pNth or more simple an for all buttons of load more you can use a custom css ->https://www.screencast.com/t/FU9pvpPZv
.td-load-more-wrap a {
width: 100%;
}
Set the code in theme panel>Custom code>Custom css

Thanks.

Hi,

You can remove those elements using a custom css ->https://www.screencast.com/t/O3XM2rH7PC
.td-mobile-footer-wrap .td-footer-wrap .td-footer-logo,
.td-mobile-footer-wrap .td-footer-wrap .td-footer-description,
.td-mobile-footer-wrap .td-footer-wrap .td-footer-social .block-title
{
display: none;
}
Set the code in Newspaper>theme panel>Mobile theme>Custom code> Css -> https://www.screencast.com/t/xOPDlwCO4X

In the most cases the above issue that you have when you try to validate an amp post/page is caused by a plugin, please make sure that you do not have a plugin conflict, please deactivate all non theme plugins, also if you are using child theme or cache plugin, please deactivate them, clear all cache and try again.

Thank you!

Hi,

I check the demo that you are using and there is a problem of design when you set the search icon in top bar, in order to fix the search position please use this custom css
https://www.screencast.com/t/IzcdYcSgauG
.td-law-firm.tdm-menu-active-style2 .tdm-header-style-3 #td-header-search-button .td-icon-search {
line-height: 24px;
}

When you are search for “and” in search the page appear without image because those do not have set a feature image, and the feature image can be set only from backed page not with TagDiv Composer, that is way when you edit the page you’ll get that warning because you save the page with WordPress editor not tagDiv Composer.

Thank you for your understanding!

Hi,

I have checked your website and it seems that you have some padding-top applied to your body. Use the code below and place it in Theme panel -> Cusotm CSS area.

body{
padding:0!important;
}

Thank you!

Hi,

You can edit the page with tagDiv Composer and set some margin, padding and background color on those elements or you can use this custom css that will apply only on this page -> https://www.screencast.com/t/TT4uLMwI
.page-id-2358 .dd_post_share {
margin-bottom: 0;
background-color: #222222;
}
.page-id-2358 .td-main-page-wrap {
padding-top: 0;
}

Thank you!

Hi,

Yes, it is possible if you will use such a custom CSS code for that. Use the code below and place it in Theme panel -> Cusotm CSS area.

#td-top-search{
display:none;
}

Thank you!

Hi,

When using the mobile theme, there is no option at the moment, to change the font properties.
You could try to load the font like this first
– https://www.screencast.com/t/zWl8UTeN6
And then apply with with CSS for the elements you want
– https://www.screencast.com/t/fWtTDPk7PZj
There may be more options added in future updates, to allow font customization on mobile, when using the mobile theme plugin. But I could not say for sure when this will happen.

Thanks

Hi,

Try this custom css -> https://www.screencast.com/t/AVchG8gK

.td-header-wrap .td-container {
    padding-left: 0;
    padding-right: 0;
}

Set the code in Newspaper>Theme panel>Mobile theme >Custom code> css -> https://www.screencast.com/t/dA5yufAey save the settings, clear all cache and try again.

Thank you!

Hi,

If I understand correctly you want to remove the padding from mobile view
-> https://www.screencast.com/t/c3vplIQFg
If this is what you want to achieve you need to add this custom css in Theme panel>Custom code>Advance css> Phones
Here is the custom code
.td-container-wrap .td-container, .td-container-wrap .tdc-row, .td-container-wrap .tdc-row-composer {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.tdc-content-wrap .td_block_big_grid_1,
.tdc-content-wrap .td_block_big_grid_2,
.tdc-content-wrap .td_block_big_grid_3,
.tdc-content-wrap .td_block_big_grid_4,
.tdc-content-wrap .td_block_big_grid_5,
.tdc-content-wrap .td_block_big_grid_6,
.tdc-content-wrap .td_block_big_grid_7,
.tdc-content-wrap .td_block_big_grid_8,
.tdc-content-wrap .td_block_big_grid_9,
.tdc-content-wrap .td_block_big_grid_10,
.tdc-content-wrap .td_block_big_grid_11,
.tdc-content-wrap .td_block_big_grid_12 {
margin-left: 0;
margin-right: 0;
}

Hope this will help you!
Thanks.