Apply Sydney Pro CSS to widget plug-in

Hello. I’ve installed EmailOctopus (email newsletter sign up plug-in) for Wordpress and it’s working fine but the Sydney Pro theme isn’t picking up.

Can I edit my Child CSS to have these attributes “h2.emailoctopus-form-wrapper” pick up Sydney Pro “h3” so it matches the others: “h3.widget title”?

It’s all live on my site - in the footer on every page: www.hostabout.com.au

Thanks!

Hello there,

Try to add the below custom CSS code into Appearance > Customize > Additional CSS in your site dashboard.


h2.emailoctopus-heading {
  color: #b7b7b7;
  text-transform: uppercase;
  line-height: normal;
  font-size: 16px;
  line-height: normal;
  font-weight: 600;
  padding-bottom: 10px;
  margin: 5px 0 0 0;
  text-transform: uppercase;  
}

Regards,
Kharis

Thank you Kharis :slight_smile:

Hello - the submit button has the same styling issues, how can I get the Sydney Pro theme button attributes applied to the button type “Submit”?

emailoctopus-form-row-subscribe

Thank you

To transfer the Sydney’s button style to your subscription form, apply the below custom CSS code:


.emailoctopus-form-row-subscribe button[type="submit"] {
  font-family: "Raleway", sans-serif;
  font-size: 13px;
  line-height: 24px;
  font-weight: 700;
  padding: 12px 35px;
  color: #fff;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; 
  border: 1px solid #d65050;
}

.emailoctopus-form-row-subscribe button[type="submit"]:hover { 
  color: #d65050; 
} 

Regards,
Kharis