Home › Forums › WoodMart support forum › Rename Size Guide Title
Rename Size Guide Title
- This topic has 18 replies, 3 voices, and was last updated 6 years, 9 months ago by Artem Temos.
-
AuthorPosts
-
February 14, 2018 at 5:41 pm #39864
CoryParticipantHey 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?
February 14, 2018 at 6:49 pm #39876
Artem TemosKeymasterHello,
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
XtemosFebruary 15, 2018 at 2:20 am #39910
CoryParticipantThanks so much! Now, how do I change the ruler icon next to “Size Guide” and replace it with something else?
February 15, 2018 at 7:46 am #39939
Artem TemosKeymasterHi,
This icon is added as a font icon in our theme with CSS. Which icon do you want to place there?
February 15, 2018 at 1:37 pm #40042
CoryParticipantis 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!
February 15, 2018 at 2:20 pm #40055
Artem TemosKeymasterYes, you will be able to replace it with SVG icon but in any case it is possible with additional CSS customization only.
February 15, 2018 at 4:06 pm #40086
CoryParticipanthow 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!
February 15, 2018 at 4:44 pm #40098
Artem TemosKeymasterPlease, 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.
February 16, 2018 at 2:22 am #40173
CoryParticipantFor 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)February 16, 2018 at 7:58 am #40204
Artem TemosKeymasterYou refer to Font Awesome PRO set that is not included in our theme.
February 16, 2018 at 1:52 pm #40278
CoryParticipantwhat about the non-pro versions?
February 16, 2018 at 1:58 pm #40286
Artem TemosKeymasterYes, you can choose the icon from the previous version of Font Awesome https://fontawesome.com/v4.7.0/icons/
February 16, 2018 at 3:11 pm #40316February 16, 2018 at 3:43 pm #40326
CoryParticipantlinks to svgs below
February 16, 2018 at 3:55 pm #40332
Bogdan DonovanKeymaster1. 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/ifne5wRegards
February 16, 2018 at 9:38 pm #40378
CoryParticipantI 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!
February 17, 2018 at 7:54 am #40443
Artem TemosKeymasterHello,
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 StudioFebruary 17, 2018 at 9:09 pm #40580
CoryParticipantThat 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.February 18, 2018 at 9:05 am #40622
Artem TemosKeymasterYou can change this color for your AJAX products tabs element manually with WPBakery page builder via Dashboard -> Pages -> edit your home page.
-
AuthorPosts
Tagged: product size guides
- You must be logged in to create new topics. Login / Register