Checkout - by sebdicam - on WordPress WooCommerce support

This topic has 56 replies, 3 voices, and was last updated 8 years ago ago by Jack Richardson

  • Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 25, 2016 at 17:15

    Hello,

    1)

    Is it possible to have center name category too, please?

    Use the following css code:

    .span4.product-category {
        text-align: center !important;
    }

    2)

    Could you give the code to change the color ( i want red) of “ajouter au panier” (add to cart) and ” choix des options “choose option”): https://aitoguerriersdupacifique.com/categorie-produit/joaillerie-t/chevalieres-classiques/

    Here is the css code:

    .add-to-container .button {
        background-color: red !important;
    }

    3)

    On pages category like https://aitoguerriersdupacifique.com/categorie-produit/joaillerie-t/chevalieres-classiques/ , is it possible to have the name of product in bold and a short description under in regular?

    As I see product name font weight is already bold http://prntscr.com/ajw40n

    4)

    One more thing, all other pages of my website like here (https://aitoguerriersdupacifique.com/qui-sommes-nous/) are in black background, we dont see the widget title:
    Is it possible to have white background like shop? please?

    If you want to have white background on all site pages then you need to remove or comment the following css code in your Custom CSS:

    .page-wrapper, .footer.footer-bottom-3 {
        background-color: black !important;
    }
    .container {
        background-color: black !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: sebdicam
    sebdicam
    Participant
    March 25, 2016 at 18:41

    Thank you Jack,

    – “On pages category like https://aitoguerriersdupacifique.com/categorie-produit/joaillerie-t/chevalieres-classiques/ , is it possible to have the name of product in bold and a short description under in regular?” Yes i know, my question; is it possible to have a short description under name of product in regular font.

    – When i remove :
    .page-wrapper, .footer.footer-bottom-3 {
    background-color: black !important;
    }

    – Above part of the website ( main menu include) is white too.
    is it possible to keep this part black and the rest in white?

    – is it possible to have less space between row category product:https://aitoguerriersdupacifique.com/categorie-produit/drapeaux/

    thank you.
    Sébastien

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 26, 2016 at 10:35

    Hello,

    1).

    is it possible to have a short description under name of product in regular font.

    You can show product description using this css code but in this case products boxes will be too long:

    .products-grid .product .product-excerpt {
        display: block;
    }

    Add the code and check it yourself.

    2).

    is it possible to keep this part black and the rest in white?

    As I see menu has black background http://storage8.static.itmages.com/i/16/0326/h_1458984750_6361312_9845b88136.png .

    3)

    is it possible to have less space between row category product

    Add this code in Custom CSS:

    .span4.product-category {
       height: 180px;
    }

    Best regards,
    Jack Richardson.

    Avatar: sebdicam
    sebdicam
    Participant
    March 26, 2016 at 10:53

    Hello Jack,

    Thank you for the code space category.

    – For description code of product with the code you gave me, possible to limite only some words, like “read more”?

    – For the black background, i want to keep it only for main menu et up of page, but all rest in white except for home page: all black.
    http://prnt.sc/ak7b58

    – When you are in “boutique” (shop) is it possible to have the like in remplacement of ” accueil”? like screen shot? http://prnt.sc/ak7b7a

    Thank you.
    Sébastien

    Avatar: sebdicam
    sebdicam
    Participant
    March 26, 2016 at 13:23

    Hi,

    – When i put the code to space between categories, there is a problem on smartphone ( name categories disapeared)
    – on smarphone when you click on product, widget apears first and product at this end of the page. How can i have the product first.
    – could you give me the code to change the green block: http://prnt.sc/ak8l2m

    Thank you.
    Sébastien

    Avatar: sebdicam
    sebdicam
    Participant
    March 26, 2016 at 18:35

    Hi,

    this code you gave me:
    .products-grid.product-count-5 .product:nth-child(5n+1) {
    margin-left: 0 !important;
    }

    is the problem of phone display. If i write it in css:
    – i ve the shop widgets first, product after
    – name of categories disapeared and pict category are cut.

    But i need it for 5 nice columns products

    Regards
    Sébastien

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 28, 2016 at 11:38

    Hello,

    1)

    For description code of product with the code you gave me, possible to limite only some words, like “read more”?

    It requires additional customization which is out of our basic support scope. In this case you can send request to our customization service https://www.8theme.com/customization-services/

    2)

    For the black background, i want to keep it only for main menu et up of page, but all rest in white except for home page: all black.
    http://prnt.sc/ak7b58

    I’ve changed previously provided css code for site background to the following:

    .header-wrapper.header-type-1, .footer.footer-bottom-3, .home.page.page-id-517 .page-wrapper {
        background-color: black !important;
    }
    
    .footer.footer-bottom-3 p > strong, .home.page.page-id-517 .post-title a, .home.page.page-id-517 .post-info, .home.page.page-id-517 .post-info a, .home.page.page-id-517 .post-description {
        color: white !important;
    }

    3)

    When you are in “boutique” (shop) is it possible to have the like in remplacement of ” accueil”? like screen shot? http://prnt.sc/ak7b7a

    Sorry but there is no such possibility.

    4)

    When i put the code to space between categories, there is a problem on smartphone ( name categories disapeared)

    Try to use this css code instead:

    @media (min-width: 1200px) {
    .span4.product-category {
       height: 180px;
    }}

    5)

    on smarphone when you click on product, widget apears first and product at this end of the page. How can i have the product first.

    I’ve checked product on mobile view and don’t see the problem you described http://prntscr.com/al0yp9

    6)

    could you give me the code to change the green block: http://prnt.sc/ak8l2m

    Please describe with more details what exactly you want to change in the mentioned block.

    7)

    name of categories disapeared and pict category are cut.

    I’ve checked your shop page and don’t see the problem on mobile view. Please show us a screenshot from your side.

    Best regards,
    Jack Richardson.

    Avatar: sebdicam
    sebdicam
    Participant
    March 28, 2016 at 12:14

    Hello Jack,

    Thank you for answers.
    I believed you won’t work for easter week end, and i tryed to work by myself. I ve resolved some problem.

    What i need now:
    – When you had to cart a product on mobile your have this green solid: http://prnt.sc/ak7b7a, i want to change the color in red please

    – Where i change font, style, size, align of widgets title sidebar? AND, is it possible to have something like this for widgets side bar: http://prntscr.com/al1dtx

    -On Mobile menu “Boutique AITO” the 5st is “image” the pict i ve in the submenu of the website, how can i remove this link on mobile?

    -On mobile, how can i center social network icons on main page?

    -I tried to find wher i can change the color of bag icon and “Panier” in widget cart: http://prntscr.com/al1gj9

    -In submenu ” Nouveauté” isn’t the same color like other category, how can i changed?

    -In submenu i would like a different color (black) than the main menu, but when i change menu color font change too.

    – here: https://aitoguerriersdupacifique.com/boutique/ , widget “catégorie produits” is normaly black but display in orange and this widget bug when i put it on simple product.

    – Why there is different presentations of single product description?
    https://aitoguerriersdupacifique.com/produit/blouson-legion/
    https://aitoguerriersdupacifique.com/produit/kanaky/

    Normaly, it’s my last questions.DO you have plugin like “refer a friend”?

    Thank you for your patience and support.
    Regards
    Sébastien

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 28, 2016 at 18:37

    Hello,

    1)

    When you had to cart a product on mobile your have this green solid: http://prnt.sc/ak7b7a, i want to change the color in red please

    Try the following css code:

    .single-product .woocommerce-message {
    background: red !important;
    }

    2)

    Where i change font, style, size, align of widgets title sidebar? AND, is it possible to have something like this for widgets side bar: http://prntscr.com/al1dtx

    Add this css code in Custom CSS

    .widget-title {
        background-color: grey;
        color: white !important;
        text-align: center;
        font-family: Play;
        font-size: 16px;
    }

    and set the values to your needs.

    3)

    On Mobile menu “Boutique AITO” the 5st is “image” the pict i ve in the submenu of the website, how can i remove this link on mobile?

    You can create separate menu for mobile devices without images in Appearance > Menus.

    4)

    On mobile, how can i center social network icons on main page?

    Please check social icons now.

    5)

    I tried to find wher i can change the color of bag icon and “Panier” in widget cart: http://prntscr.com/al1gj9

    Here is the css code:

    .shopping-cart-widget .cart-summ > a, .shopping-cart-widget .cart-summ > a::before {
       color: red !important;
    }

    6)

    In submenu ” Nouveauté” isn’t the same color like other category, how can i changed?

    Add this css code in Custom CSS:

    .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li > a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li > a {
        color: #8a8888;
    }

    7)

    In submenu i would like a different color (black) than the main menu, but when i change menu color font change too.

    Please show us on a screenshot how it should be. Thank you.

    8)

    here: https://aitoguerriersdupacifique.com/boutique/ , widget “catégorie produits” is normaly black but display in orange and this widget bug when i put it on simple product

    Try this css code:

    .widget-container.widget_wc_category_accordion .accordion a {
        background: #292929;
        color: #fff !important;
        border-bottom: 1px solid #222;
    }

    9)

    Why there is different presentations of single product description?
    https://aitoguerriersdupacifique.com/produit/blouson-legion/
    https://aitoguerriersdupacifique.com/produit/kanaky/

    Go to editor of the mentioned products and compare description block in text mode http://prntscr.com/al6sm3.

    10)

    DO you have plugin like “refer a friend”?

    Sorry, but we don’t have such plugins.

    Best regards,
    Jack Richardson.

    Avatar: sebdicam
    sebdicam
    Participant
    March 28, 2016 at 19:22

    Hello Jack,
    Great !thank you.

    – All is good exept social icon on mobile, now it’s a little on the left (iphone6s)

    – I would like the same presentation like you for registration and account page please: https://www.8theme.com/demo/legenda/my-account/
    – and where i translate “set your account….” http://prntscr.com/al7fqq

    – I would like all same font and color for the text in red soldid ” ERREUR: CE MOT DE PASSE….. “: http://prntscr.com/al7fqu

    Other question; in my account where i check my order? (normaly, i have one)

    Thank you.
    regards
    Sébastien

    Avatar: sebdicam
    sebdicam
    Participant
    March 29, 2016 at 11:01

    HI,

    i don’t know why but i lost code for this page https://aitoguerriersdupacifique.com/cart/
    – product name is white
    – remove cart product solid is green
    – background is not white
    – “mise à jour” is grey and black solide ( i would like red solid on white font)

    Did you see my last question?
    Thank you
    Regards
    Sébastien

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 29, 2016 at 15:27

    Hello,

    1)

    All is good exept social icon on mobile, now it’s a little on the left (iphone6s)

    I’ve added this css code:

    .etheme-social-icons li {
        float: none !important;
        display: inline !important;
    }

    Please check social icons on mobile device now.

    2)

    I would like the same presentation like you for registration and account page please: https://www.8theme.com/demo/legenda/my-account/

    Go to Pages > edit My Account page > set Sidebar Position to “Without Sidebar” http://prntscr.com/alhj1v

    Also add this css code:

    .woocommerce form.login, .woocommerce form.register {
        border: none !important;
    }

    3)

    and where i translate “set your account….” http://prntscr.com/al7fqq

    Check the wp-content/themes/legenda/woocommerce/myaccount/my-account.php file in line 36.

    4)

    I would like all same font and color for the text in red soldid ” ERREUR: CE MOT DE PASSE….. “: http://prntscr.com/al7fqu

    Try the following css code:

    .woocommerce-error strong {
        color: white !important;
        font-weight: 300;
    }

    5)

    in my account where i check my order? (normaly, i have one)

    If order is placed customer can check it on My Account page.

    Best regards,
    Jack Richardson.

    Avatar: sebdicam
    sebdicam
    Participant
    March 29, 2016 at 15:49

    Hello Jack,

    Social network icons are in good place now and you resolved my last questions.Thank you.

    For cart page:
    – I need the code for white background in cart page
    – grey font for name product and “Total Panier”
    – black font for “page précédente” (previous page)
    – red button with white font ” mise à jour”(under product name)

    For checkout page:
    – Font color code customer registration TITLE( Name, adresse)
    – FOnt color code for title of product (grey)

    I need the code for color font of “se connecter” (login) up right of the theme.

    Thank’s a lot
    regards
    Sébastien

    Avatar: sebdicam
    sebdicam
    Participant
    March 29, 2016 at 16:00

    I don’t find the account widget like yours. Where can i get it, please?
    Thank you.

    Avatar: sebdicam
    sebdicam
    Participant
    March 30, 2016 at 10:08

    Hello,

    One more question in mode of yesterday:
    In cart page, i have now, a new shipping part ( normal shipping & priority shipping).Is it possible to have a color solid behind the text font “classique” & “priority”.

    Thank you.
    regards
    Sébastien

    Avatar: stan
    Stan Russell
    Participant
    March 30, 2016 at 10:30

    Hello sebdicam,

    please show on screenshot what results do you want to achieve.

    Regards,
    Stan Russell.

    Avatar: sebdicam
    sebdicam
    Participant
    March 30, 2016 at 10:40

    Hello Stan,

    For shipping cart page, something like this: http://prntscr.com/alxdz0

    +
    Social network icons are in good place now and you resolved my last questions.Thank you.

    For cart page:
    – I need the code for white background in cart page
    – grey font for name product and “Total Panier”
    – black font for “page précédente” (previous page)
    – red button with white font ” mise à jour”(under product name)

    For checkout page:
    – Font color code customer registration TITLE( Name, adresse)
    – FOnt color code for title of product (grey)

    For account page: I don’t find the account widget like yours. Where can i get it, please?

    I need the code for color font of “se connecter” (login) up right of the theme.

    Thank’s a lot
    regards
    Sébastien

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 30, 2016 at 12:00

    Hello,

    For cart page:
    1)

    I need the code for white background in cart page

    I’ve removed css code for background in Cart page editor http://prntscr.com/alxmo0

    2)

    grey font for name product and “Total Panier”

    Change the following css code in Custom CSS to your needs:

    .shop_table .product-name a, .back-to, .cart_totals h2  {
        color: #515151 !important;
    }

    3)

    black font for “page précédente” (previous page)

    Use this css code in Custom CSS:

    .page.page-id-410 .back-to {
        color: black !important;
    }

    4)

    red button with white font ” mise à jour”(under product name)

    Here is the css code:

    .woocommerce input.button {
       color: white !important;
       background-color: red !important;
    }

    For checkout page:

    1)

    Font color code customer registration TITLE( Name, adresse)

    Change the following css code in Custom CSS:

    .woocommerce form .form-row label, .woocommerce-page form .form-row label {
        color: black !important;
    }

    2)

    FOnt color code for title of product (grey)

    Add this css code:

    .page.page-id-411 td.product-name {
        color: grey !important;
    }

    I need the code for color font of “se connecter” (login) up right of the theme.

    Here is the css code:

    .top-links .login-link a {
        color: white;
    }

    I don’t find the account widget like yours. Where can i get it, please?

    Please clarify what account widget you are talking about. Show us a screenshot for better understanding. Thank you.

    Best regards,
    Jack Richardson.

    Avatar: sebdicam
    sebdicam
    Participant
    March 30, 2016 at 12:33

    Hello Jack,

    All resolved. Thank you.
    – For the widget account : http://prntscr.com/alyin4
    I don’t know where to find it.

    – Where i translate this text “set your account…”: http://prntscr.com/alyin3

    -When you are in registration: https://aitoguerriersdupacifique.com/my-account/
    I would like to change “connectez-vous” & “créer un compte” in black color.

    -For shipping in cart page, is it possible to have something like this: http://prntscr.com/alxdz0

    Thanks a lot.
    Regards

    Sébastien

    Avatar: sebdicam
    sebdicam
    Participant
    March 30, 2016 at 13:18

    Jack,

    On all simple page product i have a grey line in middle of title product:
    https://aitoguerriersdupacifique.com/produit/tee-shirt-chasseur-alpin-2/

    Regards
    Sébastien

  • 1 2 3
    Viewing 40 results - 21 through 40 (of 56 total)

You must be logged in to reply to this topic.Log in/Sign up

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