Formatting subscribe button on pages

  • libbystenzel

    (@libbystenzel)


    5 years ago

    I like how the subscribe button looks on the home page (with the white font), however, on the other pages the subscribe button does not have this same white font. How can I change the button on the other pages so that it looks the same as the home page, with the white font? Thank you!

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • corrinarusso

    (@corrinarusso)

    5 years ago

    Can you be more specific?
    I can’t find a page where the Subscribe button doesn’t look the same as the homepage.

    Thread Starter libbystenzel

    (@libbystenzel)

    5 years ago

    When I look at the “about” page, the subscribe button looks like the homepage, but it looks different on all the other pages

    corrinarusso

    (@corrinarusso)

    5 years ago

    This theme is super whack.

    Try this:

    .widget_mc4wp_form_widget input[type="submit"] {
    color: #fff;
}
    Thread Starter libbystenzel

    (@libbystenzel)

    5 years ago

    That looks like it worked! Thank you!! I agree, it has been quite the headache :/

    corrinarusso

    (@corrinarusso)

    5 years ago

    I see you already did this here:
    https://ww.wp.xz.cn/support/topic/changing-subscribe-button-color-2/

    Your theme is not loading the css in precedence.
    Check out how much markup gets loaded into the browser even before any content is delivered – it makes it hard to troubleshoot the site bc so often you end up fixing one thing, only to break another:
    https://pastebin.com/T24fzQXn

    corrinarusso

    (@corrinarusso)

    5 years ago

    > agree, it has been quite the headache :/

    Yes – the theme is not good.
    🙁

    Thread Starter libbystenzel

    (@libbystenzel)

    5 years ago

    Last question on the subscribe button – any thoughts as to how to change the opacity on hover so it matches the way the homepage subscribe button looks?

    corrinarusso

    (@corrinarusso)

    5 years ago

    You could try this:

    .widget_mc4wp_form_widget input[type="submit"]:hover {
    opacity: 0.7;
}
.widget_mc4wp_form_widget input[type="submit"] {
    color: #fff;
}
.widget_mc4wp_form_widget input[type="submit"] {
    background: black;
    border: none;
}
    Thread Starter libbystenzel

    (@libbystenzel)

    5 years ago

    Unfortunately that isn’t doing anything :/

    LitExtension_Lucas

    (@lucaslitextension)

    5 years ago

    You can try adding !important as below

    
.widget_mc4wp_form_widget input[type="submit"]:hover {
     opacity: 0.7 !important;
}
.widget_mc4wp_form_widget input[type="submit"] {
     color: #fff !important;
}
    Thread Starter libbystenzel

    (@libbystenzel)

    5 years ago

    I got it to work, thank you though!

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Formatting subscribe button on pages’ is closed to new replies.