Home Forums WoodMart support forum Product Page TAB PayPal and Button

Product Page TAB PayPal and Button

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #297780

    Stefanie
    Participant

    Hello.

    I have two questions regarding the design for the Woodmart product page – see attached.

    1 .
    I have PayPalPlus installed and activated. I can change the color of the button (black is just fine, but deviates a little bit from the black of the theme) – however, the width cannot be modified. Currently the bar is extremely huge.

    a) is there any way to adjust the width? CSS?
    b) can I change the black to match the black from the Woodmart theme?
    c) can I even integrate the PayPal button in size to the right of the “Cart Button”? (as scribbled)

    2.
    The TAB “Discripton” is only displayed as an open window with scrollbar, which I don’t like. How can I customize that this window is completely open according to the content WITHOUT scrollbar.

    Thanks for your help and best regards.

    Attachments:
    You must be logged in to view attached files.
    #297850

    Hello,

    Please provide your site admin access to the private area.

    I will check and try to provide custom CSS to adjust the button as per your needs.

    Best Regards

    #297901

    Stefanie
    Participant

    Hey Elise.

    Admin Access is attached.

    Thank you.

    #298182

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .woo-paypalplus-checkout-button {
      height: 36px;
    	display: inline-block;
    	vertical-align: middle;
    	margin-top: 0!important;
    	margin-bottom: 10px;
    }
    .woo-paypalplus-checkout-button div {
    	height: inherit!important;
    }
    .woo-paypalplus-checkout-button .zoid-outlet > iframe {
        width: 217px!important;
        position: relative!important;
    }
    .woo-paypalplus-checkout-button .zoid-outlet {
      width: 217px!important;
    	height: 36px!important;
    }

    That is all that possible to do with CSS due to HTML structure of the button.

    Best Regards

    #298264

    Stefanie
    Participant

    Hello.

    Perfekt, it works. many Thanks.

    Best regards.

    #298268

    Stefanie
    Participant

    …but wht about the secon question: description tab?

    Thanks for information.

    #298458

    Hello,

    You can switch from accordion to tabs in the Theme Settings > Product page > Tabs. The description would be without the scroll.

    Best Regards

    #298800

    Stefanie
    Participant

    Hello.
    I have forgot where to find it. Now it works perfekt.

    Many Thanks.

    Best regards.

    #298823

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Product Page TAB PayPal and Button’ is closed to new replies.