Return to previous page

Connection Block Issue with button not taking width

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

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.

#373820 Copied Theme version: 9.2.3

1 Answer

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://www.8theme.com/documentation/xstore/xstore-features/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

#373824 Copied
Tagged: button width problem woocommerce, fix button width woocommerce, woocommerce themes connection issue, woocommerce themes width issue, woocommerce wordpress themes troubleshooting, wordpress themes button width fix, wordpress woocommerce connection block
Viewing 2 results - 1 through 2 (of 2 total)