Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #1329120

    Hello,

    I would like to reduce the « request a quote » button to the same size as the « add to basket button ». I tried to change the size via advanced style in enfold setting but it’s not changing anything. Also the two buttons don’t have the same color, I don’t understand why. I just want two buttons that look the same (I want the request a quote button to look the same as the add to basket button).

    I would also like to change the location of the « add to basket » button, I want it right next to the « request a quote button » . I didn’t find any css code for that.

    https://v99dqr23s6x.c.updraftclone.com/en/produit/testo-310-lanalyseur-de-combustion-dedie-aux-installateurs/

    PS : When I logged in to open a new subject on this forum, I had a message telling that my license has expired. I had to repurchase the theme to have access to the forum support. Should I install this new license or is it just to have an access again to the support forum ?

    Thank you in advance for your help

    #1329124

    Hey,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
    a.add-request-quote-button.button {
        font-size: 12px;
    }
    .single-product .summary .cart {
        float: left;
        max-width: 140px;
    }
    .single-product .yith-ywraq-add-to-quote {
        margin-top: 55px;
    }
    

    Best regards,
    Yigit

    #1329208

    Hi,

    Thank you, it is better but not really what I wanted, the “request a quote” button is still bigger than the other. Do you know why the buttons don’t have the same design ? I tried to style them via enfold –> advanced styling but nothing changed.

    https://v99dqr23s6x.c.updraftclone.com/en/produit/testo-310-lanalyseur-de-combustion-dedie-aux-installateurs/

    Thank you very much for your help

    #1329215

    Hi,
    Thank you for the link to your site and feedback, I’m not sure if you have Yigit’s css in place right now but the difference I see is the font size, the “add to basket” is 12px and the “request a quote” is 15.6px, try this css to match the font size:

    .single-product-summary a.add-request-quote-button.button {
        font-size: 12px;
    }
    

    2021-11-16_001.jpg
    at this point the buttons match if you consiter the text length, this doesn’t seem noticeable, but if you want the two to match you could reduse the padding a little like this

    .single-product-summary a.add-request-quote-button.button {
        font-size: 12px;
        padding: 15px 7px;
    }
    

    2021-11-16_002.jpg

    Best regards,
    Mike

    #1329227

    Hi Mike,

    Thank you very much it is now displaying like I want! https://v99dqr23s6x.c.updraftclone.com/en/produit/testo-310-lanalyseur-de-combustion-dedie-aux-installateurs/

    It is possible to increase the space between the quantity and the buttons and reducing the space between the price and the quantity ?

    Thank you

    Best regards,

    #1329229

    Oh sorry but I have just noticed that my others products pages are not displaying the same.

    This one for example : https://v99dqr23s6x.c.updraftclone.com/produit/testo-830/ or this one https://v99dqr23s6x.c.updraftclone.com/produit/testo-865/

    It is bizarre. Shouldn’t the code apply to all pages ? At this point the CSS that I have in place right now are a mix of Yigit and yours :

    a.add-request-quote-button.button {
    font-size: 12px;
    }
    .single-product .summary .cart {
    float: left;
    max-width: 140px;
    margin-top: 15px;
    }
    .single-product .yith-ywraq-add-to-quote {
    margin-top: 70px;
    }

    .single-product-summary a.add-request-quote-button.button {
    font-size: 12px;
    }

    Thank you

    #1329351

    Hi,
    This offset
    2021-11-17_001.jpg
    is because on your FR site you are missing the div woocommerce-product-details__short-description
    2021-11-17_003.jpg
    do you recall any changes that you made to remove the short-description or any plugins you have that would change this?

    Best regards,
    Mike

    #1329869

    Hi Mike,

    Sorry for the late answer.

    No I didn’t make any changes to remove the short description. Actually the short description block is still here, It is just that I did not write anything in it, so there is blank space instead.

    Thank you for your help.

    Best regards,

    #1329874

    Hi,
    Well I tested on my localhost and found that if you don’t add a short description then the div is not added, thus changing the layout. So you make all of your products have the same layout thus alining the buttons the same you would want to add a short description to all of your products, were you planning on doing this and just have not had time?

    Best regards,
    Mike

    #1329906

    Hi Mike,

    No I don’t plan to add a short description for the moment on any of my products.

    Thank you.

    Best regards,

    #1329953

    Hi,
    Ok, looking back at you product that we were working on that you were happy with: Testo 310 I see the short description div is present because a [Return] key entered two paragraph tags were added:
    2021-11-22_001.jpg
    So I tried entering the [Return] key once on a product where the short description was not present and thus the buttons were not lined up: Testo 830 and this solved the issue:
    2021-11-22_002.jpg
    So please check and try this on your other products.

    Best regards,
    Mike

    #1329977

    Mike,

    Thank you very much for your help, but could you please tell me where I can modify each page product ? I mean where I can enter the [Return] key as you did ?

    Thank you

    Best regards,

    #1329982

    Hi,
    Like this:
    2021-11-22_004.jpg

    Best regards,
    Mike

    #1329985

    It is working when entering a return key thank you ! Also I just talked to my colleagues and we just plan to add 1 line of text on the short description. It will always be the same sentence : “Delivery delay : 4-6 weeks” or “Delivery delay : 10 days” for example.

    Hope that it will not change the layout

    Thank you

    Best regards,

    #1330002

    I don’t think it is worth opening a new thread but I have a very annoying problem on some of my product pages. I always have the tab “Further Information” showing even if I didn’t set any tab on this page (see screenshot : https://imgur.com/gallery/TrszZzt )

    https://v99dqr23s6x.c.updraftclone.com/en/produit/testo-316-ex-detecteur-de-gaz-combustibles/

    If by any chance you know the problem, it would be very helpful because no matter if I even create a new product, this “Further information” tab is still here

    #1330061

    Hi,
    If you are going to add a line of text to the short description, that will give you the same result as the [Return] key, so this will be good either way.
    For the “Further Information” tab, this is a default additional tab in woocommerce you can remove it with the following function in your functions.php:

    add_filter( 'woocommerce_product_tabs', 'my_remove_product_tabs', 98 );
    function my_remove_product_tabs( $tabs ) {
      unset( $tabs['additional_information'] ); // To remove the additional information tab
      return $tabs;
    }

    You can read more about this solution here.

    Best regards,
    Mike

    #1330091

    Hi Mike,

    I took the css code via the link that you send me and it worked well, thank you very much!

    Before you close this thread, can you recommend to me an easy plugin (free or not doesn’t matter) to customize my product page ? I would like to reduce some spaces, increase price font etc just looking for something easy and highly customizable

    Thank you

    Best regards,

    #1330098

    Hi,
    Sorry I don’t know of any customization plugins like this, it sounds like css would solve these issues, I would recommend searching the forum for these solutions. If you don’t find a solution you can open a new thread and we would be glad to help you.

    Best regards,
    Mike

    #1330099

    Thanks a lot Mike, you can close the thread.

    Best regards,

    #1330103

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Reduce quote button width and button location’ is closed to new replies.