Home › Forums › WoodMart support forum › Question about specific feature (previous topic was closed)

Question about specific feature (previous topic was closed)

Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • February 17, 2022 at 11:56 am #353775

    wildguitars
    Participant

    This is continuation to replies #353286-353467.

    Hi Elise,
    So I checked out your suggestions, and they don’t seem to do exactly what I need.
    The ‘Lightbox’ feature simply opens the image in a pop-up with a dark background. But, I need an information page to appear when clicking on the image. Please see the attached screen recording.

    Any suggestions?

    Attachments:
    You must be logged in to view attached files.
    February 17, 2022 at 11:42 pm #354063

    Elise Noromit
    Member

    Hello,

    You can use our Popup element, it has the button options allowing adding FontAwesom icons. Here is the demo: https://woodmart.xtemos.com/button-with-popup/

    Please let me know if you need help in configuration or customization.

    Best Regards

    February 20, 2022 at 1:46 pm #354601

    wildguitars
    Participant

    Hi Elise,
    I have to use images that I received from the manufacturer and not FontAwesome icons. So I guess I have no choice but to simply use text buttons underneath the images. I started configuring the popup and there seems to be a large white frame around the popup. Please see the attached screenshot.

    Attachments:
    You must be logged in to view attached files.
    February 20, 2022 at 1:52 pm #354603

    wildguitars
    Participant

    I was able to remove the white frame by adding -30px to all margins of the popup; not sure if this is the right solution.

    Is there any way to move the X button that closes the popup into the popup frame? Right now it’s on the upper left corner of the website.

    February 21, 2022 at 1:57 pm #354843

    Elise Noromit
    Member

    Hello,

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

    body .mfp-wrap .woodmart-promo-popup {
    display: block;
    position: relative;
}
body .button.mfp-arrow, 
body button.mfp-close {
    position: absolute;
}

    Best Regards

    February 23, 2022 at 10:54 am #355317

    wildguitars
    Participant

    Thank you Elise, this did the trick,

    Unfortunately I already have many pages on my site with the white frame around the pop-up, and it won’t be possible for me to edit every page (thousands). Is there any way to remove the white frame from all of the pop-ups at once?

    By the way, I’ve stopped receiving email notifications whenever there is a reply to one of my topics.

    February 23, 2022 at 10:57 am #355325

    wildguitars
    Participant

    I now see that the X doesn’t appear within the popup frame. It’s still aligned to the full left. Please see the attached screenshot.

    Attachments:
    You must be logged in to view attached files.
    February 24, 2022 at 12:54 am #355647

    Elise Noromit
    Member

    Hello,

    Please insert the site admin access into the Private content below the message area.

    Best Regars

    February 27, 2022 at 11:22 am #356285

    wildguitars
    Participant

    Hi Elise, I have inserted the requested information, including a link to the page that I am working on.

    March 1, 2022 at 12:26 pm #356626

    Elise Noromit
    Member

    Hello,

    Please make the full backup of your site and update the theme: https://xtemos.com/docs-topic/update-the-theme/

    As soon as you update the theme, let us know I will double-check.

    Best Regards

    March 2, 2022 at 8:42 am #356834

    wildguitars
    Participant

    Hi Elise,

    I can’t update the theme on our live website yet because I am waiting to hear from you regarding reply #356375. I must solve this issue before I can update the theme.

    Best regards,
    Tom

    March 2, 2022 at 9:40 pm #357016

    Elise Noromit
    Member

    Hello,

    These two cases are not connected. Please remove my CSS and give me the page URL and screen of the button I should click to see the popup.

    Best Regards

    March 3, 2022 at 12:29 pm #357196

    wildguitars
    Participant

    Hi Elise, I know these cases are not connected but I need to resolve a certain issue that has appeared after updating the theme on our staging website before I can update the theme on our live site. 🙂

    In the meantime, I have created the page on our staging website.
    https://dev2.wildguitars.co.il/product/line-6-catalyst-60/

    Please take a look at the attached video. I am showing where I would like the X to be.

    I have removed your CSS.

    Also, I am struggling to make the text of the information box appear in the middle; it is currently aligned to the top. I selected middle alignment in the row settings, and couldn’t find any other relevant settings in the row, column or information box settings.

    Thanks,
    Tom

    Attachments:
    You must be logged in to view attached files.
    March 4, 2022 at 12:20 am #357306

    Elise Noromit
    Member

    Hello,

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

    #my_popup{
	position:relative;
}
#my_popup button.mfp-close {
    position: absolute;
    top: 20;
    left: 20;
}

    Please provide the page URL with infobox.

    Best Regards

    March 4, 2022 at 8:56 am #357390

    wildguitars
    Participant

    Hi Elise,

    I have added the code to the Global CSS. The X is now inside the popup frame which is great, but it isn’t in the corner.

    Here is the URL:
    https://dev2.wildguitars.co.il/product/line-6-catalyst-60/

    I have attached a screenshot of the popup link location.

    Attachments:
    You must be logged in to view attached files.
    March 5, 2022 at 1:48 am #357535

    Elise Noromit
    Member

    Hello,

    Please clear the cache and check again: https://gyazo.com/362fe50b74ebc66e6a13cf59eafc190a

    Best Regards

    March 6, 2022 at 12:42 pm #357861

    wildguitars
    Participant

    Hmm, I think I saw it properly yesterday but for some reason now I don’t.
    I’ve turned off the cache completely and emptied the cache folder. I still see the button like in my previous screenshot, on our dev2 website.

    Please also let me know how I can vertically center the text.

    Best regards,
    Tom

    March 6, 2022 at 11:00 pm #358020

    Elise Noromit
    Member

    Hello,

    I have checked in the incognito, not logged in, without any cache: https://gyazo.com/4b51c2e95aad0e92207cf5dfbfae36af

    I cannot catch the problem to solve.

    Best Regards

    March 8, 2022 at 7:06 am #358577

    wildguitars
    Participant

    I see it correctly now, thanks Elise!

    So now that we have that out of the way…
    • Within that same popup, I am unable to vertically align the information box to the middle. I’ve set the vertical alignment to “middle” in the row settings but it didn’t help.

    • Although we discussed this previously but I must ask again – do you know of a way to make the image above the popup link clickable as well and open the popup? Like in the manufacturer’s website.

    • If you scroll down a bit more, you will see that there is a background video playing with a popup on it. The popup has the same white frame that I was able to remove using negative pixels in the popup that was in discussion until now.
    Most of the pages on my site have this background video popup with the white frame. Is there a way to remove the frame from all of the popups without having to enter negative pixels for each popup. There are thousands of pages and I cannot do this.

    Thanks!
    Tom

    March 9, 2022 at 1:13 am #358905

    Elise Noromit
    Member

    Hello,

    The row setting has the option to align columns and content in the middle.
    https://wpbakery.com/video-academy/add-row-column-wpbakery-page-builder-wordpress/

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

    Best Regards

    March 10, 2022 at 12:41 pm #359577

    wildguitars
    Participant

    Hi Elise,
    The “Content position” is already set to “Middle” in the row settings, and yet the content still appears at the top. Please see the attached screenshots.

    Best regards,
    Tom

    Attachments:
    You must be logged in to view attached files.
    March 11, 2022 at 1:56 am #359751

    Elise Noromit
    Member

    Hello,

    Please try to set the column of the same height.

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

    Best Regards

    March 11, 2022 at 8:26 am #359819

    wildguitars
    Participant

    Hi Elise, I clicked “Equal height -> Yes” in the row settings and unfortunately it didn’t help. The text is still vertically aligned to the top.

    Best regards,
    Tom

    March 11, 2022 at 10:53 pm #360035

    Elise Noromit
    Member

    Hello,

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

    body .wd-info-box .info-box-content {
    align-self: center;
}

    Best Regards

    March 30, 2022 at 9:33 am #365171

    wildguitars
    Participant

    I apologize for the delay in my reply, Elise. Thank you for this.

    March 30, 2022 at 2:16 pm #365243

    Elise Noromit
    Member

    You are welcome! We are here to help.

    Wish you a wonderful day!

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