Hi there, working great – except the text transform doesn’t work (I even added !important) – any thoughts?

Also – how can I increase the font size of the text for the toggle itself, and the body text within each toggle?

Many thanks!
Drew

Hi Josue,

Wow that looks so much better! Many thanks for your your assistance, you are the best!
Can I ask where I should make the changes to the overall font size?

Darrell

and if I use this, it does everything except round the corners:
a.button, button.button, input.button, #review_form #submit { border:1px solid #7eb9d0; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
border-radius: 15px;
}

Hi, that didn’t work.

https://www.evernote.com/shard/s55/sh/3a0cc1d4-5091-469c-b9b2-a02620756c0f/b3f512689dacca2ebc8f801cf05c3a24

I want to make the H1 inside a blog post bigger.

Also, as you can see in the screenshot above the image next to the comment doesn’t look good. there is no space there. How can I fix that?

Thanks.

.woocommerce-message, .woocommerce-error, .woocommerce-info {
padding: 0em 0em 0em 0em;
margin: 0 0 0em;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
background: -webkit-linear-gradient(#ffffff, #ffffff);
background: -moz-linear-gradient(center top, #ffffff 0%, #fffff 100%);
background: -moz-gradient(center top, #ffffff 0%, #ffffff 100%);
color: black;
text-shadow: 0 0px 0 #ffffff;
list-style: none outside;
width: auto;
}
.woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after {
display: block;
clear: both
}
.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
height: 0em;
width: 0em;
display: block;
position: absolute;
top: 0;
left: 0em;
font-family: sans-serif;
font-size: 0em;
line-height: 0;
text-align: center;
background-color: #ffffff;
color: black;
text-shadow: 0 0px 0 rgba(0,0,0,0);
padding-top: 0em;
}
.woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button {
float: right
}
.woocommerce-message li, .woocommerce-error li, .woocommerce-info li {
padding-left: 0;
margin-left: 0;
color: black;
background-color: #ffffff;
}
.woocommerce-message {
border-top: 0px;
color: black;
background-color: #ffffff;
}
.woocommerce-message:before {
background-color: #ffffff;
color: black;
}
.woocommerce-info {
border-top: 0px solid #ffffff;
color: black;
background-color: #ffffff;
}
.woocommerce-info:before {
font-family: Times, Georgia, serif;
font-style: italic;
color: black;
background-color: #ffffff;
}
.woocommerce-error {
border-top: 0px solid #ffffff;
color: black;
}
.woocommerce-error:before {
background-color: #ffffff;
color: black;
}

Sorry if this has been posted before, but I tried this! The background mainly has become white but theres a green margin border on the left side, and the font is like green color (I kind of need it black)
http://www.shopelegal.com