Viewing 30 posts - 1 through 30 (of 35 total)
  • Author
    Posts
  • #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.

    #394746

    Hello Newton!

    I’d strongly suggest switching to WooCommerce in order to get full compatibility (function and style) with Enfold.

    Regards,
    Josue

    #394814

    You 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!)

    #394822

    Well, we may be able to help you with that, did you import the WooCommerce dummy content?

    Best regards,
    Josue

    #395134

    The problem was exactly when I imported the dummy content. :)

    #395135

    No way to use WP eCommerce? I found their support so (so) much better than Woocommerce’s!

    #395292

    You 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,
    Josue

    #395300

    Hello, 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?

    #395326

    I 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,
    Josue

    #395342
    This reply has been marked as private.
    #395346

    Use 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,
    Josue

    #395493

    Just 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.

    #395496
    This reply has been marked as private.
    #395507

    You 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,
    Josue

    #395945
    This reply has been marked as private.
    #396011

    Hey!

    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!
    Josue

    #396152

    Josue,

    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?

    #396211

    Hey!

    At the end, below of:

    @import url(“../enfold/style.css”);
    

    Regards,
    Josue

    #397143

    Can I make the buttons to be rounded? Won’t it cause conflict with the rest of the theme CSS?

    #397205

    Hi!

    Yes, use this CSS:

    #top .wpsc_buy_button {
        border-radius: 12px;
    }

    Best regards,
    Josue

    #397754

    Josue, thanks for you reply.

    But I meant “all” buttons.

    This code above is only for the buy buttons.

    #397766

    Josue, nevermind: I got it.

    I used the “inspect element” in Safari and found the button I wanted to change.

    I got O.K.

    Thanks!

    #397789

    Great, you can also use the following:

    .button{
    border-radius: 12px;
    }

    Cheers!
    Josue

    #398377

    Josue,

    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.

    #398404

    Hi,

    Can you please create me a temporary FTP account? post it here as a private reply.

    Regards,
    Josue

    #398412
    This reply has been marked as private.
    #398592

    Hey!

    Didn’t work, also, i’d need to connect using an FTP client in order to debug the issue.

    Regards,
    Josue

    #398612
    This reply has been marked as private.
    #398665

    No, i couldn’t, try asking your service provider for a FTP account.

    Best regards,
    Josue

    #399471
    This reply has been marked as private.
Viewing 30 posts - 1 through 30 (of 35 total)

You must be logged in to reply to this topic.