akrobat
Forum Replies Created
-
Addendum – I meant to add a link to the use of the “!important” code, but forgot, and I can’t edit previous posts. This page shows how to use it.
Finally figured it out! Thanks to IT4, who gave the important clue of using the Firebug pluggin (in the Firefox browser). When I looked at the styling with Firebug, it showed that the MailChimp for WordPress pluggin’s styling sheet (form.min.css) was overriding the style.css in my Child Theme.
What I did was added “!important” to the Child Theme style.css to give that priority, as follows (see my first post for the original lines; these are the mods):
.mc4wp-form input[type=”text”] { width: 20% !important; display: inline-block !important; }
.mc4wp-form input[type=”email”] { width: 45% !important; display: inline-block !important; }
.mc4wp-form input[type=”Go!”] { width: 10% !important; display: inline-block !important; }
It works (well, for the moment).
Thanks again to IT4 for helping out – without your input I don’t think I would have found the answer. Really appreciate you taking the time to post.Hi IT4,
I had a look at HelloBar abd treid it out – I agree, it would work OK. However, I had other plans for the area where the email sign-up form is currently (and ideally where I want it to remain), so I’ll plug on and see if I can find a solution.
I really appreciate you helping outAddendum – I added Firebug to my browser, to see what you where referring to. It appears that the mods I made to style.css are being overridden (they’re lined out in Firebug) by the MC4WP pluggin’s styling at /wp-content/plugins/mailchimp-for-wp/assets/css/form.min.css. So I guess I have to find a way to over-ride the default MC4WP styling.
Hi IT4,
Just tried moving the lines you sent to the end of my style.css file. Sadly, still doesn’t make any difference, I still see the boxes on 3 rows (in Firefox).I should have said originally, that I already have 2 columns in that area. I use the pluggin Page Builder by Site Origin to insert a row, then split the row into 2 (uneven) columns, the right hand column houses the video link. The left hand column has a visual editor widget added to it, in which the text is placed and at the end of the text is the shortcode to the MC4WP form.
Its intensly frustrating that this was working fine, and now doesn’t!! He ho, the joys of website tweaking.
Hello IT4Worship,
Thnaks for taking the time to help out.
I tried adding the above lines of code to my child theme style.css, but sadly it didn’t make any difference.
I added it above the lines I had already added, specified in my first post – that is, i just added your code, and didn’t delete any of mine. I assume this is correct? If I understand correctly, what you are suggesting should style the entire text box?