Topic: New global styles being overridden by default styles

jluebke
April 30, 2024 at 11:27 pm

I am trying to create global styles for my buttons using the new system (copied from the old) and it appears my default GP customizer settings are overiding what is in the global styles.

Please see the attached loom video for demonstration: https://www.loom.com/share/e4fbe825704841ada2c12652541add2f?sid=6514f78e-ae81-44c8-8795-db0858559f98

Maybe it has something to do with the old styles writing CSS with an “a” tag referenced but the new way, does not include that in how it is writing the CSS?

jluebke

April 30, 2024 at 11:30 pm

Here is the CSS copied from Global Styles for one of the buttons in the video button-primary

.button-primary {
    align-items: center;
    background-color: var(--accent-green);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 3px solid var(--accent-green);
    color: var(--base-3);
    display: inline-flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 10px 18px;
    text-decoration: none;
    text-transform: none
}

.button-primary:hover {
    background-color: rgba(255,255,255,0);
    color: var(--accent-green)
}

jluebke
April 30, 2024 at 11:58 pm

Found the answer here: https://generate.support/topic/changes-to-global-styles-v-1-9-not-working/
Alvind
May 1, 2024 at 12:21 am

Great to hear that!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

New global styles being overridden by default styles