Connection Block Issue with button not taking width

This topic has 2 replies, 2 voices, and was last updated 6 months, 1 weeks ago ago by Tony Rodriguez

  • Avatar: Leejay123
    Leejay123
    Participant
    November 15, 2023 at 11:55

    I have tried to create a connection block as i need each element to have the same height and spacings within the main header.
    i have created a static block and used html block 2 as the static block however the button does not display correctly.

    see here: https://gyazo.com/02daaca84a25e1308e7870e1dfdddea9

    It should look like this – https://gyazo.com/f09d0ed166d84980a1f6dab38a7a04bf

    I cant seem to make it fit correctly.

    Also my site that uses the woodmart theme – https://wordpress-250342-4041724.cloudwaysapps.com/ uses font-family: Lato, Arial, Helvetica, sans-serif as shown here – https://gyazo.com/a87862a0f9d1248827a4d5f828aded84
    How can i make the Xstore theme using this font. If i choose lato its not the same.

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 15, 2023 at 13:04

    Hello, @Leejay123,

    1. We are delighted to inform you that the technical issue affecting the display of a button on your website has been successfully resolved. Upon investigation, we discovered that the root cause was related to the positioning of HTML Block 2 within the connection block. The oversized search box was preventing the connection block from accommodating an additional widget.

    To rectify this, we have repositioned Static Block 2 outside of the connection block, which has resulted in the button now being displayed correctly.

    For your reference, please find a screenshot illustrating the resolved layout here: https://postimg.cc/7fMMDCTn

    Furthermore, we have adjusted the size of the button by editing the relevant Static block and the button itself. We then modified the padding settings to achieve the desired appearance. The changes can be seen in the following screenshots:

    https://postimg.cc/7CPsg7jK
    https://postimg.cc/Z9qH9myg

    2. We would like to inform you that you have the ability to configure the font settings for your website by navigating to the following path: Xstore > Theme Options > Typography.

    Additionally, you have the option to customize the fonts for various elements on your website through the settings available for each element.

    Should you wish to employ a custom font on your site, we kindly direct you to our comprehensive theme documentation for guidance on this process: https://xstore.helpscoutdocs.com/article/157-how-to-setup-custom-fonts-with-xstore

    Please note that it is advisable to clear your website’s cache after implementing any modifications in the backend to ensure that the changes are reflected accurately when you revisit your site.

    Should you require any further assistance or have additional questions, please do not hesitate to contact us.

    Best Regards,
    The 8Theme Team

  • Viewing 2 results - 1 through 2 (of 2 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.