Community Forums › Forums › Archived Forums › General Discussion › Magazine Pro – How to Restore Default Button Class to Comment Form Submit
Tagged: Magazine Pro
- This topic has 3 replies, 2 voices, and was last updated 10 years, 1 month ago by
anotherusername.
-
AuthorPosts
-
December 23, 2014 at 12:23 pm #135181
DTHkelly
MemberI've "lost" the standard Magazine Pro Button class for Post Comment submit buttons (because I added a custom button class for calls to action).
http://genacf2.wpengine.com/how-to-restore-magazine-pro-button-class-to-post-comment-form/
Sample Post (with my CSS)
http://genacf2.wpengine.com/how-to-restore-magazine-pro-button-class-to-post-comment-form/December 24, 2014 at 1:58 am #135235anotherusername
ParticipantHi ya, Kellylise:
do you mean this:
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button { background-color: #222; border: none; color: #fff; cursor: pointer; font-family: 'Raleway', sans-serif; padding: 16px 24px; text-transform: uppercase; width: auto; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover { color: #fff; background-color: #e8554e; } .entry-content .button:hover { color: #fff; } .button { display: inline-block; }
December 24, 2014 at 8:40 am #135257DTHkelly
Member🙂 I'm still confused.
I thought when I added a custom button class, the custom button class CSS would only fire when I assigned that class.
Instead, my custom button class is "firing" for what was originally the "button" class.
So now I have no idea how to get the button on Post Comment input to stay "button" instead of its current display of my custom button class.
December 24, 2014 at 5:18 pm #135283anotherusername
ParticipantIt could be I who is confused 🙂
Firstly, could you link to a page with a CTA that you DO want to be affected by these rules???
It looks to me that the CSS rules for the genesis extender plugin is affecting how the button looks.
I am not familiar with this plugin, but maybe just to confirm, you could disable that plugin and see if it affects that comment button.
These appear to be some of the rules from that plugin that are affecting the comment button: (in particular, it is - I believe - the input[type="submit"] selector, but I have been known to be totally wrong in the past, so practice due diligence.)
button-cta-black-border, input[type="button"], input[type="reset"], input[type="submit"], .button-cta-black-border, .entry-content .button-cta-black-border { border: medium solid #000; color: #000; cursor: pointer; font-family: Lato,sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 1px; padding: 12px; text-align: center; text-transform: uppercase; width: 100%; }
Sooo... if that is the case, then we will need to look at how you can limit the genesis extender CSS from overriding the default comment button.
One thing is, do you have the Style Trump plugin from Carrie Dils?
http://www.carriedils.com/genesis-style-trump/
That is a start, as it will allow your genesis css style sheet to be loaded afterwards.
But that is only part of the fix. Most likely if you want to apply those styles to ONLY the CTA, you are going to have to find the parent div of the CTA so that we can restrict the selectors even further.
Hope this helps.
And I apologize if I am totally misunderstanding what you want. I have been known to bark up the wrong tree many a time.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.