Home › Forums › WoodMart support forum › I want to Apply Style as Like I mentioned Share Reference

I want to Apply Style as Like I mentioned Share Reference

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 14, 2024 at 11:12 am #529644

    mirza.ahtsham786
    Participant

    I want to Apply Same Style on my Size Chart Page. Please See My Website Page Image and the Reference I Describe all in the Image.

    Reference Image: https://take.ms/qtB4F
    My Website Page Images: https://take.ms/xmBPN

    Please Guide me And Help me How I can do this?

    January 14, 2024 at 11:14 am #529645

    mirza.ahtsham786
    Participant

    Size Chart Page Link Is This: https://vellumvogue.com/size-chart-guideline/

    January 15, 2024 at 2:39 pm #529921

    Hung Pham
    Keymaster

    Hi mirza.ahtsham786,

    Thanks for reaching to us and appreciate your patience.

    Unfortunately, such customizations fall outside the purview of the basic support we offer.

    Regards,

    January 16, 2024 at 8:01 pm #530502

    mirza.ahtsham786
    Participant

    I am trying to Fix My Issue with Inspect the CSS code. I trying to Do it. and It is work Successfully. But When I apply the Code they affect man menu item as well. but i want this code only apply on Chart size Tabs menu only. please help me in this regards. I make short demo video. please see it and understand what i want to say. Hope it will be helpful to help me in this issue. thank you.

    Demo Video: https://take.ms/AQRqv

    CSS Modify Code:
    .wd-nav[class*=”wd-style-“]>li:is(.current-menu-item,.wd-active,.active)>a{
    background-color: var(–nav-color-active);
    padding: 10px 20px 10px 20px;
    color: #fff
    }

    January 17, 2024 at 9:05 am #530628

    Hung Pham
    Keymaster

    Hi mirza.ahtsham786,

    Please add the following Custom CSS code in Theme Settings > Custom CSS > Global Custom CSS:

    .wd-nav-tabs.wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a{
	background-color: var(--wd-primary-color);
	padding: 10px 20px 10px 20px;
	color: #fff;
}

    Regards,

    • This reply was modified 10 months, 1 week ago by Hung Pham.
    January 29, 2024 at 10:26 pm #534725

    mirza.ahtsham786
    Participant

    Tabs Is Not Working Properly. I am sharing live demo with you. I Create To HTML Blocks and Now I am trying to attach with a page. but when I assign Both HTML Block to a Tabs Feature but it is now Switch Like IN and CM Is Switching.
    Demo Video: https://take.ms/pN17P

    January 30, 2024 at 7:38 am #534793

    Hung Pham
    Keymaster

    Hi mirza.ahtsham786,

    You want HTML Blocks to switch according to the tabs? Please describe in more details.

    Regards,

    January 31, 2024 at 8:51 pm #535643

    mirza.ahtsham786
    Participant

    I recorded Detailed Video: https://take.ms/pN17P
    for Describe That What I want to do. Please See The Referral Video: https://take.ms/VWwVz
    I simple want to switch the content between men and women tabs. Both are Different HTML Blocks With Different Content.

    February 1, 2024 at 8:08 pm #535979

    Hung Pham
    Keymaster

    Hi mirza.ahtsham786,

    Thanks for details.

    It seems you want to jump to the tab contents when click on tab titles, if so, there is no such an option by default.

    Regards,

    February 6, 2024 at 10:52 pm #537430

    mirza.ahtsham786
    Participant

    In Your Theme You Allow User to Add Tabs And Add HTML Block Content In The Tabs. I added The Content in the Tabs. But Now They are Unable to Switch Between Theme Please Help Me to Resolve This Issue. I think this is The Tabs Basic Function to Switch Content Between Multiple Tabs.
    I am Talking About This Tab Option Which is Built in Your Theme: https://take.ms/Zf4fV

    February 7, 2024 at 7:38 pm #537800

    Hung Pham
    Keymaster

    Hi mirza.ahtsham786,

    The Tabs widget you are referring to is Elementor default widget and has same name as our widget https://prnt.sc/r-plo-eiznif

    I tested on my end with HTML Block contents and it worked perfectly https://screenpal.com/watch/cZniDaVd3rq

    To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, this will allow me to thoroughly investigate and address your concerns in a more efficient.

    Regards,

    February 11, 2024 at 9:50 am #538801

    mirza.ahtsham786
    Participant

    Here is My Website Temporary Login. Please Click on the Link and You will login In My Website Dashboard as Administrator.
    https://vellumvogue.com/wp-admin/?wtlwp_token=1f0120ab0af68bc7b72c073a5c1321cd1711cf50aca075fc958211d8baddeca5de6e36c38828a1a2603a8096fb69d37f246d4d0e4625703eccc369cd6a570dfd

    February 12, 2024 at 6:39 pm #539224

    Hung Pham
    Keymaster

    Hi mirza.ahtsham786,

    Thanks for reaching to us and appreciate your patience.

    I switched to other HTML Blocks and tab switching worked properly. So, I kindly recommend you to double check Size chart guide HTML Block’s content.

    Regards,

  • Author
    Posts

Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)