Anyway to replicate the buttons on the side which are on this demo?

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

  • Avatar: GTP
    GTP
    Participant
    November 7, 2023 at 08:53

    Hello,

    On this demo; https://xstore.8theme.com/demos/dark

    The right side has 2 squared buttons (130 websites and buy now) which are floating and once you click on them they lead to links. Is there anyway to replicate this?

    Thanks!

    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 7, 2023 at 09:44

    Hello,

    Thank you for contacting us and for using XStore.

    Please try to use the Floating Menu of Sales Booster – https://www.8theme.com/documentation/xstore/xstore-features/floating-menu/

    Kind Regards,
    8theme team

    Avatar: GTP
    GTP
    Participant
    November 8, 2023 at 05:04

    Hi Rose,

    Thank you for the reply.

    Is there any way to make the elements into square boxes like in the demo (https://xstore.8theme.com/elementor/demos/minimal-fashion02/) ?

    Currently the default options appear as circles in a element which contain all the “Items”

    Thanks

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 8, 2023 at 07:01

    Hello, @GTP.

    We would like to inform you that the implementation you are seeking is indeed feasible through the application of Custom CSS code. To assist you further, we kindly request that you provide the URL of your site by submitting it within the private content section of this discussion thread. This will enable us to attempt a Custom CSS solution on your site and subsequently provide you with the necessary code.

    Best Regards,
    The 8Theme Team

    Avatar: GTP
    GTP
    Participant
    November 9, 2023 at 07:53

    Hi Tony,

    Thanks for your reply!

    We have many domains using x-store, but have added the domain which is being used with this license.

    Please let us know if we need to “activate” the floating menu for you to provide the CSS.

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 9, 2023 at 09:42

    Hello, @GTP,

    Thank you for your response.

    We kindly request that you enable the Sale Booster floating menu feature on your website.

    Furthermore, we would appreciate it if you could create temporary WP-admin access and share the details via the private content area. We would like to inform you that by granting us access to review your settings, we will be in a position to assist you by providing the necessary CSS code to address your issue.

    Thank you for your cooperation and we look forward to hearing from you soon.

    Best Regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: GTP
    GTP
    Participant
    November 9, 2023 at 11:03

    Hello Tony,

    Thank you for the reply!

    We have added the details on the PCA of one of our domains.

    Appreciate the insight on this.

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 9, 2023 at 13:12

    Hello, @GTP,

    We kindly request that you follow the steps outlined below to insert the provided CSS code into your XStore theme:

    1. Navigate to the “XStore” section in your website’s dashboard.
    2. Proceed to “Theme Options.”
    3. Locate the “Theme Custom CSS” area.
    4. Click on the “Global CSS” tab.
    5. Copy and paste the CSS code provided into the designated field.
    6. Ensure to save your changes by clicking “Publish.”

    Upon completion, the changes should be reflected on your website as intended check private content area.

    .etheme-sales-booster-sticky-panel {
        background-color: transparent !important;
    }
    .etheme-sales-booster-sticky-panel ul li {
        margin-bottom: 8px;
        width: 75px;
        padding: 12px 6px;
        display: block;
        font-size: 1rem;
        overflow: hidden;
        -moz-border-radius: 20%;
        border-radius: 20%;
        background-color: #000 !important;
    }

    We trust that these instructions will be of assistance to you. Should you require any further support, please do not hesitate to contact us.

    Best Regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: GTP
    GTP
    Participant
    November 10, 2023 at 07:32

    Hello Tony,

    Thank you!

    Just wanted to ask that, can we edit this section even more, if we use custom CSS?

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 10, 2023 at 08:25

    Hello, @GTP,

    Certainly, you are able to do so. You may utilize Custom CSS code to further tailor it to your specific needs.

    Best Regards,
    The 8Theme Team

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