Home Forums WoodMart support forum Rename Size Guide Title

Rename Size Guide Title

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #39864

    Cory
    Participant

    Hey everyone, I’m trying to find a way to change the product “Size Guide” title to something like “Ballistics” is there any way I can do this?

    #39876

    Artem Temos
    Keymaster

    Hello,

    We are glad to know that you considered using WoodMart for your web-site. I hope you will be happy with it.

    You can translate all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

    Kind Regards
    Xtemos

    #39910

    Cory
    Participant

    Thanks so much! Now, how do I change the ruler icon next to “Size Guide” and replace it with something else?

    #39939

    Artem Temos
    Keymaster

    Hi,

    This icon is added as a font icon in our theme with CSS. Which icon do you want to place there?

    #40042

    Cory
    Participant

    is it possible to swap it out for an svg? we would need to use something ballistics related in place of the ruler, a small bullet or something that shows motion – I also need to replace the clock icons that are in the head of the pop-up window of the size guide for something else. any help would be much appreciated, thanks!

    #40055

    Artem Temos
    Keymaster

    Yes, you will be able to replace it with SVG icon but in any case it is possible with additional CSS customization only.

    #40086

    Cory
    Participant

    how would I go about replacing the icon with css/font? I’m sure i could find something that would work in a font, i really need to replace the “clock” icons in the header. Thank you for the support!

    #40098

    Artem Temos
    Keymaster

    Please, choose icons that you want to use, upload them to your media library in WordPress and provide us some screenshots where do you want to replace them. We will try to prepare a custom CSS code for this.

    #40173

    Cory
    Participant

    For the “ruler” next to “Size guide” id like to use this: crosshairs https://fontawesome.com/icons/crosshairs?style=solid (thin)

    For the Clock icons in the size guide frame pop-up id like to use (from top to bottom)
    1. https://fontawesome.com/icons/bullseye?style=light (black)
    2. https://fontawesome.com/icons/chart-area?style=regular (black)
    3. https://fontawesome.com/icons/exclamation-triangle?style=light (black)

    #40204

    Artem Temos
    Keymaster

    You refer to Font Awesome PRO set that is not included in our theme.

    #40278

    Cory
    Participant

    what about the non-pro versions?

    #40286

    Artem Temos
    Keymaster

    Yes, you can choose the icon from the previous version of Font Awesome https://fontawesome.com/v4.7.0/icons/

    #40316

    Cory
    Participant

    Please see private

    Attachments:
    You must be logged in to view attached files.
    #40326

    Cory
    Participant

    links to svgs below

    #40332

    Bogdan Donovan
    Keymaster

    1. Try to add the following code snippet to the Custom CSS area in Theme Settings to change product page size guide icon.

    .sizeguide-btn-wrapp .woodmart-sizeguide-btn:before {
    	background-image: url(https://moderndefense.com/wp-content/uploads/2018/02/target-1.svg);
    	content:"";
    	width: 15px;
    	height: 15px;
    	background-repeat: no-repeat;
    	margin-top: -2px;
    	-webkit-transition:all 0.25s ease;
      transition:all 0.25s ease;
    }
    
    .sizeguide-btn-wrapp .woodmart-sizeguide-btn:hover:before,
    .sizeguide-btn-wrapp .woodmart-sizeguide-btn:focus:before{
    background-image: url(https://moderndefense.com/wp-content/uploads/2018/02/target-1-hover.svg)
    }

    2. Icons in size guide popup can be easily changed without any CSS code. Edit Information box element in your Ballistics and Load Data size guide. https://prnt.sc/ifne5w

    Regards

    #40378

    Cory
    Participant

    I actually figured out why I couldn’t seem to adjust these, the WP bakery backend editor was the only selectable feature until I updated and refreshed. The last thing I need is a way to change the “NEW” flag on products color, its currently green – I didn’t see where to adjust that color in the menu. Thanks so much for all the support!

    #40443

    Artem Temos
    Keymaster

    Hello,

    Try to add the following code snippet to the Custom CSS area in Theme Settings to change color of label new.

    body .product-label.new {
        background-color: red;
    }

    Kind Regards
    XTemos Studio

    #40580

    Cory
    Participant

    That works! Thanks so much, what about the underline text under categories? See image for reference, id like this to be red as well.

    Attachments:
    You must be logged in to view attached files.
    #40622

    Artem Temos
    Keymaster

    You can change this color for your AJAX products tabs element manually with WPBakery page builder via Dashboard -> Pages -> edit your home page.

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