Aligning (static) text block position and width using xstore classes

Solved3 replies2 participantsUpdated by Rose Tyler

  • Avatar: Bas_Kling
    Bas Kling
    Participant

    Hi,

    The text block at the bottom right corner on my cart page is misaligned with the rest of the content: https://prnt.sc/1103s1u

    It should move slightly to the left (1) and a bit smaller (2).
    I can start fooling around with xstore’s classes but that would become messy. Can you tell me why it’s misaligned in the first place and perhaps help me remedy the layout, or otherwise help me identify the correct classes to remedy? I’ve noticed the class ids used occur on several pages. Only the cart page should be affected.

    P.S.
    I know we’re running the second-last version of wordpress and xstore. Due to easter and upcoming campaigns we cannot run the risk of updates malfunctioning. Since this issue seems to be unrelated to version, we want to resolve this now

    P.S. 2
    The button “winkelmand bijwerken” at the left of the text block seems to have a different class than the standard button class. It should have exactly the same background color (#846c98) and text color (white) as the “Doorgaan met afrekenen” button. I have no clue why that is, or how to fix it

    Please, contact administrator
    for this information.
    #281831 Copied Theme version: 7.2.5

    3 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    1) Edit your cart_payment_info static bock and remove offset – http://prntscr.com/110pmk2 , then add the next code in Theme Options > Theme custom CSS:

    .cart-order-details .etheme_widget_satick_block {
    padding: 0 2em;
}

    > https://gyazo.com/673d2cd22c2401ab2a93405b5ad6953b

    2) “winkelmand bijwerken” button takes settings from Theme options > Styling > Bordered buttons, but the current version of the theme has a problem with this. Please use the next custom code, as a temporary solution, it will be fixed in next update:

    .woocommerce-cart .actions .btn.bordered {
    color: white;
    opacity: 1;
}

    Regards

    #281916 Copied
    Avatar: Bas_Kling
    Bas Kling
    Participant

    Do I need to remove this code once the new update is available?
    Any chance of conflict?

    #284638 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Yes, you can delete the code after the next update.

    Regards

    #284639 Copied

The issue related to '‘aligning (static) text block position and width using xstore classes’' has been successfully resolved, and the topic is now closed for further responses