Jack_mcs Posted February 23, 2022 Share Posted February 23, 2022 @osCommerce-OfficialPlease explain how to place two widgets side-by-side in a new theme. I've tried adding them one at a time and then after adding a block. They move vertically but not horizontally. Quote Support Links: For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc. Get the latest versions of my addons Recommended SEO Addons Link to comment Share on other sites More sharing options...
osCommerce-Official Posted February 23, 2022 Share Posted February 23, 2022 @Sergey Dunaevcould you please help here? Thanks! Quote Link to comment Share on other sites More sharing options...
Hotclutch Posted February 23, 2022 Share Posted February 23, 2022 4 hours ago, Jack_mcs said: @osCommerce-OfficialPlease explain how to place two widgets side-by-side in a new theme. I've tried adding them one at a time and then after adding a block. They move vertically but not horizontally. After adding the block, you can edit the properties of the block. One of the options will allow you to specify full site width, OR 1/2 OR 1/3 etc. Click Save. After this you will be able to add your widgets into the block. Quote Link to comment Share on other sites More sharing options...
Hotclutch Posted February 23, 2022 Share Posted February 23, 2022 Quote Link to comment Share on other sites More sharing options...
Jack_mcs Posted February 23, 2022 Author Share Posted February 23, 2022 9 hours ago, Hotclutch said: After adding the block, you can edit the properties of the block. One of the options will allow you to specify full site width, OR 1/2 OR 1/3 etc. Click Save. After this you will be able to add your widgets into the block. Thanks Ashley but I had already tried that. The block shows the width settings but adding a second widget places it in the first block. I tried dragging it to the second block but it doesn't hold. I must not be clicking in the correct location but none of the variations I've tried work. The attached shows what I see. Quote Support Links: For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc. Get the latest versions of my addons Recommended SEO Addons Link to comment Share on other sites More sharing options...
Hotclutch Posted February 25, 2022 Share Posted February 25, 2022 On 2/23/2022 at 4:40 PM, Jack_mcs said: I must not be clicking in the correct location but none of the variations I've tried work. The attached shows what I see. Hi Jack. I have had another look at this now. It's difficult to explain, but the problem is with where you drop the drag (if that makes sense). Here below I created 2 blocks, the one has a 1/5 split and the other a 1/3 split. Quote Link to comment Share on other sites More sharing options...
Jack_mcs Posted February 25, 2022 Author Share Posted February 25, 2022 @HotclutchThanks. Ashley. That cleared it up for me. I was using the mouse pointer for the destination but it is the box holding the commands (edit, etc.) that should be used. Quote Support Links: For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc. Get the latest versions of my addons Recommended SEO Addons Link to comment Share on other sites More sharing options...
Hotclutch Posted February 25, 2022 Share Posted February 25, 2022 Here is a simple Header menu added to the Watch theme. Quote Link to comment Share on other sites More sharing options...
Hotclutch Posted February 25, 2022 Share Posted February 25, 2022 These are the buttons for the Watch theme. This is the CSS that controls it. .btn { background-color: #ffffff; color: #183d78; font-size:16px; font-weight: 600; text-transform: uppercase; line-height:20px; font-family:Hind; border:2px solid #183d78; border-radius:20px 20px 20px 20px; padding:5px 25px 4px; } .btn-1 { background-color: #ee4225; color: #ffffff; font-size:16px; font-weight: 600; text-transform: uppercase; line-height:24px; font-family:Hind; border-radius:20px 20px 20px 20px; padding:5px 25px 4px; } .btn-2 { background-color: #00a858; color: #ffffff; font-size:18px; font-weight: 600; text-transform: uppercase; line-height:20px; font-family:Hind; border-radius:24px 24px 24px 24px; padding:14px 25px 12px; } .btn-3 { color: #183d78; font-size:20px; font-weight: 600; text-transform: uppercase; line-height:20px; font-family:Hind; border:2px solid #183d78; border-radius:24px 24px 24px 24px; padding:12px 25px 10px; } Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.