Problems and questions about customize with advanced CSS

This topic has 5 replies, 3 voices, and was last updated 4 years, 3 months ago ago by vince08

  • Avatar: vince08
    vince08
    Participant
    August 23, 2021 at 07:37

    Hi,

    1 – I have a problem with the notification shop on the top of the pages. On the “About Us” and “Contact Us” pages, notification isn’t centered. How fix that ?

    2 – I use Xstore AMP. I would customize some things on pages as centered titles, reduce height of slider (banner) and others. I matched to center price and name vendor but for others, i don’t find the classes concerned.

    Thanks for your help.

    Please, contact administrator
    for this information.
    4 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    August 23, 2021 at 16:15

    Hello,

    1) Provide us with the screenshots of the notifications that you would like to customize on the mentioned pages. Because we don’t see any WooCommerce notifications there.

    2) Use chrome console to find classes you need https://prnt.sc/1qfsrgx We have reduced the height of the slider and changed titles. Check now.If you need to customize the styles of the AMP version use the Custom CSS section to place CSS code. Keep in mind that the amount of custom CSS allowed is up to a maximum of 75KBs of CSS per page (default styles + custom styles), so don’t use a lot of the custom here.

    Regards

    Avatar: vince08
    vince08
    Participant
    August 24, 2021 at 09:23

    1) Ok, find a screenshot attached.
    Notification Shop not centered

    2) Ok thanks but in the Chrome console i don’t see the amp version for mobile. I only see the mobile version of the website. I searched in parameters of console but i don’t see anything about AMP
    How can i get the amp version in the chrome console ?

    Thanks a lot.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 24, 2021 at 10:42

    Hello,

    1/ Add the next code in Theme Options > Theme Custom CSS > Global custom CSS:

    .demo_store {
        width: 100%;
        z-index: 1005;
        color: #1a1a1a;
        background-color: #f2f2f2;
        margin-bottom: 0;
        text-align: center;
        padding: 3px 15px;
    }

    2/ XStore > AMP XStore > Footer > Link to non AMP version > On, then clear cache and check if you get a new button under the footer on your site

    Regards

    Avatar: vince08
    vince08
    Participant
    August 24, 2021 at 17:25

    Ok, thanks. It’s good for all.
    I close the ticket. 🙂

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Problems and questions about customize with advanced CSS’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.