-
AuthorPosts
-
November 15, 2021 at 5:34 pm #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.
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
November 15, 2021 at 6:43 pm #1329124Hey,
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,
YigitNovember 16, 2021 at 12:59 pm #1329208Hi,
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.
Thank you very much for your help
November 16, 2021 at 1:37 pm #1329215Hi,
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; }
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; }
Best regards,
MikeNovember 16, 2021 at 3:21 pm #1329227Hi 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,
November 16, 2021 at 3:31 pm #1329229Oh 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
November 17, 2021 at 2:10 pm #1329351Hi,
This offset
is because on your FR site you are missing the divwoocommerce-product-details__short-description
do you recall any changes that you made to remove the short-description or any plugins you have that would change this?Best regards,
MikeNovember 21, 2021 at 11:13 pm #1329869Hi 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,
November 22, 2021 at 1:16 am #1329874Hi,
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,
MikeNovember 22, 2021 at 10:23 am #1329906Hi Mike,
No I don’t plan to add a short description for the moment on any of my products.
Thank you.
Best regards,
November 22, 2021 at 1:47 pm #1329953Hi,
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:
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:
So please check and try this on your other products.Best regards,
MikeNovember 22, 2021 at 2:55 pm #1329977Mike,
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,
November 22, 2021 at 3:07 pm #1329982November 22, 2021 at 3:32 pm #1329985It 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,
November 22, 2021 at 5:16 pm #1330002I 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
November 23, 2021 at 1:41 am #1330061Hi,
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,
MikeNovember 23, 2021 at 11:09 am #1330091Hi 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,
November 23, 2021 at 12:17 pm #1330098Hi,
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,
MikeNovember 23, 2021 at 12:31 pm #1330099Thanks a lot Mike, you can close the thread.
Best regards,
November 23, 2021 at 1:00 pm #1330103Hi,
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 -
AuthorPosts
- The topic ‘Reduce quote button width and button location’ is closed to new replies.