Community Forums › Forums › Archived Forums › Design Tips and Tricks › change the background colour of enews in footer only
Tagged: colour change, css, eNews extended
- This topic has 6 replies, 3 voices, and was last updated 11 years, 2 months ago by
emasai.
-
AuthorPosts
-
August 13, 2015 at 5:14 am #162236
newedgemarketing
MemberI have set the background for my enews extended widget to blue in my side bar and below post opt-in problem is its also bluw in the footer and i want to change it to white, I've tried mutliple things but it seems what ever I try it stays blue
any ideas?
http://www.newedgemarketing.com.au/August 17, 2015 at 3:46 pm #162670Tom
ParticipantHi,
Line 163 of your custom CSS:
.enews-widget { background: #0971C1 !important; padding: 30px; }Try removing the !important declaration and use, for the footer:
(or add !important to this, if necessary).footer-widgets .enews-widget { background: #fff; }
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]August 18, 2015 at 7:17 am #162730newedgemarketing
MemberHi Tom thanks for your response I"m going out of my mind with this
I've used inspect element to find the but of css your mentioned above and CAN find it
background: #0971C1 !important;
when i remove the background: !important;
in inspect element the background of enews goes to white - which is great!
But! and big but i can not for the life of me find that line of code in my style sheet anywhere, I know how to used cmd+f to search but that exact line does not exist anyhwere so i have no idea how to change it!
any ideas?
August 18, 2015 at 7:45 am #162735newedgemarketing
MemberHi Tom sorry found that it was in a custom style sheet i had!
issues i have now is that because the footer is white the text input field is also white and not visible any idea how i can make the text input filed on enews extended on footer only to be a grey colour i.e. #dddddd?
Thanks,
Steve
August 18, 2015 at 8:48 am #162748emasai
ParticipantChange the background color of this line of css
media="all" input[type="text"], input[type="email"], textarea { background-color: #fff; color: #000; width: 300; }
Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.comAugust 18, 2015 at 2:20 pm #162772newedgemarketing
Memberthats changes the colour of all the input fields i only want change the color of the input fields in the footer to white.
August 18, 2015 at 2:31 pm #162777emasai
ParticipantSorry if I'm misunderstanding, but your contact form fields are all white and invisible too, the grey just makes them more visible too? Or you could put a border around the input fields - border: 1px solid gray;
Alternatively try targeting more specifically the footer widgets,
.footer-widgets-1 .widget-area #subscribe input [type="email"] { background-color: #ccc; }This might need tweaking
Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.