Hello, add this code to the style.css file, located in to your theme folder (wp-content/themes/twentytwelve).
#com-shop .btn-primary {
background-color: #1D6CB0;
background-image: linear-gradient(to bottom, #2384D3, #15497C);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#com-shop .btn-small {
font-size: 11px;
line-height: 16px;
padding: 3px 9px !important;
}
#com-shop .btn-primary:hover, #com-shop .btn-primary:active, #com-shop .btn-primary.active, #com-shop .btn-primary.disabled, #com-shop .btn-primary[disabled] {
background-color: #15497C;
color: #FFFFFF;
}
Edit:
background-color:
background-image: Replace all colors.
filter:
color: for the text link
font-size:
Hover effect
color: for the text link
background-color:
If you need to edit anything else frontend-styles.css file is located in this directory.
wp-content/plugins/orillacart/com_shop/assets
Just copy lines from this file and paste in to style.css file.
Best Regards
Thread Starter
Kenika
(@kenika)
Great! Thanks!
I checked frontend-styles.css and tried to change the color of links (font) as well, but didn’t manage to change it. Sorry, in case I’m just too blind… ^^
In case you don’t understand what I exactly mean: Here is the shop. I’m talking about the blue font (also category links).
Thanks!
OK, add this lines to the style.css file located in to your theme folder.
It is important to add them there, because the next time you update OrillaCart all changes will be gone.
.addBootstrap h1, .addBootstrap h2, .addBootstrap h3, .addBootstrap h4, .addBootstrap h5, .addBootstrap h6, .addBootstrap .h1, .addBootstrap .h2, .addBootstrap .h3, .addBootstrap .h4, .addBootstrap .h5, .addBootstrap .h6 {
color: #ED9D2B;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
}
.addBootstrap a {
color: #ED9D2B;
text-decoration: none;
}
What about the Add to cart button, is it going to stay blue or change it as well?
Best Regards
Thread Starter
Kenika
(@kenika)
Fantastic! Thanks a lot!
I modified the colors and also changed the colors of the “Add to cart” button (follow link above). Just one last question: How can I change the color that’s showing up when I hover over a link (font color)?
Thanks!
Hello,
With the hover pseudo class:
.addBootstrap a:hover {
color: #000000!important;
text-decoration: none;
}
Best Regards
