Home › Forums › WoodMart support forum › Size Guide Button

Size Guide Button

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 21, 2023 at 6:30 pm #461356

    goalamarketing
    Participant

    Hello, I want to know if it is possible to display the size guide popup with a popup button, since I want to give the “size guide” design a different shape with a button, if there is a shortcode or a code to add it, it would be helpful. great help.

    April 22, 2023 at 8:54 pm #461455

    Elise Noromit
    Member

    Hello,

    You can customize the icon with the CSS to achieve that. Please let us know if you need our help. Please provide the product URL and view you want to achieve.

    If you have any questions please feel free to contact us.

    Best Regards

    April 24, 2023 at 9:56 am #461627

    goalamarketing
    Participant

    But isn’t it possible to add a class or id to make a button have the same result?

    April 25, 2023 at 1:34 am #461849

    Elise Noromit
    Member

    Hello,

    I am afraid there is no option. Please let us know if you need our help. Please provide the product URL and view you want to achieve.

    We will give the custom CSS.

    Best Regards

    April 25, 2023 at 1:16 pm #461957

    goalamarketing
    Participant

    I’ll give you the url of the product that I’ve designed as a test, you’ll see that there’s a button created, I’d like it to be like that button.

    http://bycity.goalaweb.com/producto/pantalon-route-ii-lady

    April 26, 2023 at 4:24 pm #462353

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .wd-sizeguide-btn .wd-open-popup {
		color: var(--wd-primary-color);
		position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: 2px solid var(--wd-primary-color);
    border-radius: 0;
    box-shadow: none;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: var(--btn-transform);
    text-shadow: none;
    font-weight: var(--btn-font-weight);
    font-family: var(--btn-font-family);
    font-style: var(--btn-font-style);
    line-height: 1.2;
    cursor: pointer;
    transition: color .25s ease, background-color .25s ease,
			border-color .25s ease, box-shadow .25s ease, opacity .25s ease;
		padding: 5px 14px;
    min-height: 36px;
    font-size: 12px;
}

body .wd-sizeguide-btn .wd-open-popup:hover {
	color: #FFF;
	background-color: var(--wd-primary-color);
}

    Best Regards

    • This reply was modified 2 years, 2 months ago by Elise Noromit.
    April 26, 2023 at 5:48 pm #462392

    goalamarketing
    Participant

    Ok! Thanks. Solved.

    April 27, 2023 at 1:54 am #462488

    Elise Noromit
    Member

    You are welcome! We are here to help.

    Wish you a wonderful day!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Size Guide Button’ is closed to new replies.