-
AuthorPosts
-
February 11, 2015 at 8:06 pm #394646
Hello,
I’m using the WP eCommerce plugin, and I would really like to style the “Add to Cart” button (shape, size, color, text).
How do I do it in Enfold?
Regards,
Newton.
February 11, 2015 at 10:54 pm #394746Hello Newton!
I’d strongly suggest switching to WooCommerce in order to get full compatibility (function and style) with Enfold.
Regards,
JosueFebruary 12, 2015 at 3:22 am #394814You see, Josue, I tried Woocommerce and it messed up my entire site! (Put some t-shirt picture in my home page I couldn’t find how to delete it! It was simply a mess!)
February 12, 2015 at 4:33 am #394822Well, we may be able to help you with that, did you import the WooCommerce dummy content?
Best regards,
JosueFebruary 12, 2015 at 4:35 pm #395134The problem was exactly when I imported the dummy content. :)
February 12, 2015 at 4:36 pm #395135No way to use WP eCommerce? I found their support so (so) much better than Woocommerce’s!
February 12, 2015 at 8:24 pm #395292You can use it and it may work fine, but problems or requests related to Enfold and the plugin is not something we can help with, hope you understand.
Regards,
JosueFebruary 12, 2015 at 8:30 pm #395300Hello, Josue: button customization is an Enfold issue. The button is generated by the avia framework.
I just want to access it to change color, size, etc.
How can I do this?
February 12, 2015 at 9:02 pm #395326I doubt that button is being generated by Enfold, but anyhow, i think i can help you with this, can you post a link to your shop page (where the ‘add to cart’ button is)?
Regards,
JosueFebruary 12, 2015 at 9:18 pm #395342This reply has been marked as private.February 12, 2015 at 9:23 pm #395346Use the following code in Quick CSS:
#top .wpsc_buy_button { background: white; color: red; font-size: 22px; border: 2px solid gray; }
Adjust as needed.
Best regards,
JosueFebruary 13, 2015 at 5:06 am #395493Just to say: the Quick CSS NEVER WORKED in my Enfold.
Every change I did in CSS I had to enter the server, find the theme, and edit the Custom CSS page.
February 13, 2015 at 5:10 am #395496This reply has been marked as private.February 13, 2015 at 5:38 am #395507You can add border-radius to make the button rounded:
#top .wpsc_buy_button { background: white; color: red; font-size: 22px; border: 2px solid gray; border-radius: 12px; }
I tried logging to your site to check the Quick CSS but the user provided is not working.
Best regards,
JosueFebruary 13, 2015 at 6:38 pm #395945This reply has been marked as private.February 13, 2015 at 9:28 pm #396011Hey!
The theme isn’t able to modify/create the dynamic stylesheet, make sure the /wp-content/uploads/dynamic_avia/ folder has 777 permissions.
Also, i’d strongly suggest you to move all your custom CSS from css/custom.css to your child theme style.css to prevent loss from theme updates.
Cheers!
JosueFebruary 14, 2015 at 3:15 pm #396152Josue,
Where would I put my custom.css content in the child theme style.css?
Here’s what in style.css:
/*
Theme Name: dtquantitativo
Description:
Author: admin
Template: enfold(optional values you can add: Theme URI, Author URI, Version)
*/@import url(“../enfold/style.css”);
____________
“Where” in this code should I put the customized css I have?
February 14, 2015 at 9:38 pm #396211Hey!
At the end, below of:
@import url(“../enfold/style.css”);
Regards,
JosueFebruary 16, 2015 at 10:48 pm #397143Can I make the buttons to be rounded? Won’t it cause conflict with the rest of the theme CSS?
February 17, 2015 at 2:58 am #397205Hi!
Yes, use this CSS:
#top .wpsc_buy_button { border-radius: 12px; }
Best regards,
JosueFebruary 17, 2015 at 8:10 pm #397754Josue, thanks for you reply.
But I meant “all” buttons.
This code above is only for the buy buttons.
February 17, 2015 at 8:24 pm #397766Josue, nevermind: I got it.
I used the “inspect element” in Safari and found the button I wanted to change.
I got O.K.
Thanks!
February 17, 2015 at 9:04 pm #397789Great, you can also use the following:
.button{ border-radius: 12px; }
Cheers!
JosueFebruary 18, 2015 at 6:49 pm #398377Josue,
You wrote:
“The theme isn’t able to modify/create the dynamic stylesheet, make sure the /wp-content/uploads/dynamic_avia/ folder has 777 permissions.”I checked today with my server provider and this folder already had 777 permissions, so, it wasn’t the lack of permission that made unable to change the CSS within the Enfold theme.
Any thoughts?
Newton.
February 18, 2015 at 7:34 pm #398404Hi,
Can you please create me a temporary FTP account? post it here as a private reply.
Regards,
JosueFebruary 18, 2015 at 7:43 pm #398412This reply has been marked as private.February 19, 2015 at 3:00 am #398592Hey!
Didn’t work, also, i’d need to connect using an FTP client in order to debug the issue.
Regards,
JosueFebruary 19, 2015 at 3:29 am #398612This reply has been marked as private.February 19, 2015 at 6:39 am #398665No, i couldn’t, try asking your service provider for a FTP account.
Best regards,
JosueFebruary 20, 2015 at 7:17 am #399471This reply has been marked as private. -
AuthorPosts
- You must be logged in to reply to this topic.