Checkout Page ugly - by ActionLab - on WordPress WooCommerce support

This topic has 16 replies, 4 voices, and was last updated 7 years, 10 months ago ago by Eva Kemp

  • Avatar: ActionLab
    ActionLab
    Participant
    June 22, 2016 at 05:39

    Hello!

    My Checkout page is a bit messy. I would like as the theme of the demo: http://themeforest.net/item/classico-responsive-woocommerce-wordpress-theme/full_screen_preview/11024192

    Can you help me?

    I would also like to know how it would be possible to remove the address field. The store is just digital products with immediate download.

    Thank you!

    Please, contact administrator
    for this information.
    15 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    June 22, 2016 at 11:33

    Hello,

    Please add this code in Theme Options > Styling > Custom CSS > Global Custom CSS:

    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
        width: 100%;
    }

    You can remove any field on Checkout as described here:
    http://www.wpmayor.com/how-to-remove-the-billing-details-from-woocommerce-checkout/

    Regards,
    Eva Kemp.

    Avatar: ActionLab
    ActionLab
    Participant
    June 22, 2016 at 19:31

    Thank you Eva!

    Now is PERFECT! I bought the plugin. It looks great! I loved it!

    The site is almost 100%, I need a few more adjustments only …

    1) How can I change the color of links ONLY the blog sidebar widgets? I wanted the links of the widgets appear in black instead of yellow. And the links-hover yellow.

    2) I use Breadcrumbs Style “with title” and want to change the color of links to white and link-hover for the same title color or black… I did not find where to change that. Also I would like to remove the link “Return to page previews.” It’s possible?

    Thank you!

    Best regards

    Avatar: Eva
    Eva Kemp
    Support staff
    June 22, 2016 at 19:56

    Hello,

    1. Please use this code in Global Custom CSS:

    .single-post .product_list_widget li h4 a {
      color: black;
    }
    .single-post .product_list_widget li h4 a:hover {
      color: yellow;
    }

    2. Please use this code:

    .breadcrumbs a, .woocommerce-breadcrumb a, .breadcrumbs, .woocommerce-breadcrumb {
       color: white;
    }
    .breadcrumbs a:hover, .woocommerce-breadcrumb a:hover, .breadcrumbs:hover, .woocommerce-breadcrumb:hover {
       color: black;
    }
    .back-history {
      display: none;
    }

    Regards,
    Eva Kemp.

    Avatar: ActionLab
    ActionLab
    Participant
    June 22, 2016 at 20:49

    Hello Eva!

    Thank you! It’s almost ok! …

    “Return …” has been successfully removed.

    But the links did not work very well. Take a look.

    https://actionlab.com.br/check-brand-new-office-in-seattle-usa/

    In breadcrumps, the links were white, OK, active links in black OK. But I want the link-hover in black too.

    The widgets of the links still appears all yellow (# f1b145). I want it black with yellow link-hover (# f1b145.)

    Thanks for the quick answers!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 22, 2016 at 21:51

    Hello,

    Please use this code in Global Custom CSS:

    .breadcrumbs a:hover{
    color:black;
    }

    Regards,
    Robert Hall

    Avatar: ActionLab
    ActionLab
    Participant
    June 22, 2016 at 22:41

    Hi Robert!

    I’ve tried and tried and tried … does not work …

    🙁 Help!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 23, 2016 at 07:36

    Hello,

    Please provide us with link to wp-admin access in Private Content.

    Regards,
    Robert Hall

    Avatar: ActionLab
    ActionLab
    Participant
    June 23, 2016 at 17:28

    Hello Robert!

    Sending login and password in the private area

    Thank you for your help!

    What I am intending to do and I can not:

    → BLOG sidebar Links (all widgets) in black. And the links hover-yellow (f1b145).

    → Links-hover of breadcrumbs: black

    Thank you!

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    June 23, 2016 at 17:55

    Hello,

    The credentials are incorrect.
    Please check them.

    Regards,
    Eva Kemp.

    Avatar: ActionLab
    ActionLab
    Participant
    June 24, 2016 at 02:17

    Ooooops, SORRY!

    Now send the right password

    []´s

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 24, 2016 at 08:13

    Hello,

    I’ve edited the code in Global Custom CSS.
    Please clear browser cache and check the Blog page.

    Best regards,
    Jack Richardson.

    Avatar: ActionLab
    ActionLab
    Participant
    June 24, 2016 at 14:20

    Hello!

    Breadcrumbs ok! Thank You!

    Widgets and posts, not yet.

    The blog text links have to be kept in # f1b145 and links-hover: black.

    I want to reverse this setting * only * in the sidebar widgets. The woocommerce widgets is ok. But the theme widgets (recent posts) not.

    I have some problems in COLOR and styles on the site that are not working at all, even after clearing the cache.

    For example:

    1) Theme Options> Styling> WooCommerece: I set “woocommerce buttons on single product page hover background” to # f1b145, but the site appears gray.

    2) Theme Options> Styling> Typography> top bar: let it blank to get the default style, but the source of the right top bar widget is bold. If I try to change to normal to be standardized with the items “My Account” Popup, etc … does not work. It’s weird.

    I appreciate your help and patience to solve these problems.

    Best regards

    []´s

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 24, 2016 at 14:42

    Hello,

    I’ve changed the code for Recent Posts widget. Please check now.

    1. I’ve added the code in Global Custom CSS:

    .product-information .cart button[type="submit"]:hover {
        background-color: #f1b145;
    }

    2. I’ve added this css code:

    .top-bar .widget_nav_menu .menu > li > a {
       font-weight: normal;
    }

    Please check the site now.

    Best regards,
    Jack Richardson.

    Avatar: ActionLab
    ActionLab
    Participant
    June 24, 2016 at 15:11

    Hello Richardson!

    Everything is perfect now!

    Thank you very much!

    Best regards,

    []´s

    Avatar: Eva
    Eva Kemp
    Support staff
    June 24, 2016 at 16:05

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 16 results - 1 through 16 (of 16 total)

The issue related to '‘Checkout Page ugly’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.