How to Change Header Color in AMP mobile new plugin

Posted in: Newspaper
Post count: 80
ashubais
#289850
Apr 18, 2019 at 3:13 pm

I want to change the header color for the AMP page in mobile.

Also, I want to remove the share button from the AMP page.

Please tell me how to do it?

Post count: 35449
Calin
#290069
Apr 19, 2019 at 11:05 am

Hi

For hidden/remove the share buttons from amp you’ll need to add a custom css in Theme panel>Mobile theme>Custom css
.amp-mode-touch .td-post-sharing-top, .amp-mode-touch .td-post-sharing-bottom{
display:none!important;
}
.amp-mode-touch .td-header-wrap {
background-color: darkred;

}
Fell free to change the color.

Please notice that your support period expired ( Supported until: 2018-09-06 ) we suggest you extend your support if you still need our help with your website or add extra keys that have support, you can extend it from here -> https://www.screencast.com/t/ShdowUq94e -> https://themeforest.net/item/newspaper/5489609?s_rank=2

Thank you for your understanding!

Post count: 80
ashubais
#290111
Apr 19, 2019 at 12:51 pm

Hey Calin,

I follow the steps and nothing will change. The color is the same (black) and share buttons are also available. on Newspaper V9.7.1 (latest updated)

I am going to the Theme Panel > Mobile Theme > Custom Code > Custom CSS and paste the code you’ve shared. But nothing will change.

What to do now?

Also, I will renew my subscription.

In older version, I edit the AMP plugin file and change the color code in body and remove the share buttons from there only. But I want to change it on newer one as well. So, please help.

  • This reply was modified 7 years by ashubais.
Post count: 35449
Calin
#290501
Apr 22, 2019 at 9:10 am

Hi,

I’ll take a look in amp plugin files and I’ll provide you the place path you need to set the code in order to work.

Thank you!

Post count: 80
ashubais
#290804
Apr 22, 2019 at 7:29 pm

Ok Calin,

Please share the solution, as soon as you can. Because I just updated the theme but the color has changed on the newer version and I am not able to change it as the older one. It looks odd.

Thank you.

Post count: 35449
Calin
#290969
Apr 23, 2019 at 12:54 pm

Hi,

To change the amp header color and hide the social shares you need to go in wp-content/plugins/td-composer/mobile/amp/functions.php -> https://www.screencast.com/t/m0ufXi3tuW

?>
<style>
    .amp-mode-touch .td-post-sharing-top, .amp-mode-touch .td-post-sharing-bottom {
        display: none;
    }
    .amp-mode-touch .td-header-wrap {
        background-color: red;
    }
    body [class^="td-icon-"]:before, body [class*=" td-icon-"]:before {
        line-height: unset ;
    }
    .single .td-social-network, .single .td-social-handler i {
        padding-top: 13px;
    }
</style>

Fell free to change the colors!

Hope this will help you!
Thanks!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.