Home › Forums › WoodMart support forum › help change web color

help change web color

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 15, 2019 at 7:17 pm #150286

    percyman
    Participant

    Hello, please, how to change the color of these two elements, thank you

    Attachments:
    You must be logged in to view attached files.
    October 15, 2019 at 8:40 pm #150310

    Elise Noromit
    Member

    Hello,

    Please navigate to Woodmart > Header builder http://prntscr.com/iyd2pe

    Choose the proper header type (your current) http://prntscr.com/iyd333

    Enter the Category element and change the color inside the element. Then change the color of the top bar in the row settings https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

    Best Regards

    October 21, 2019 at 2:45 pm #151436

    percyman
    Participant

    Thank you very much my friend, Mr.EliseNoromit I keep moving forward with my project, please change the color of:

    change icon color and change button tab shape

    Attachment screenshot

    Attachments:
    You must be logged in to view attached files.
    October 21, 2019 at 3:17 pm #151454

    Elise Noromit
    Member

    Hello,

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

    body.single .icons-design-default .woodmart-social-icon {
    color:red!important;
}

    and for the tab:

    body .tabs-layout-tabs .tabs li.active a{
  padding:10px;
	border:5px solid green;
	border-radius:30px
}
.tabs-layout-tabs .tabs li.active a:after {
   display:none;
}

    Best Regards

    October 21, 2019 at 7:33 pm #151494

    percyman
    Participant

    thank you very much sir I’m already finishing the original colors of each icons please

    attached model image

    Attachments:
    You must be logged in to view attached files.
    October 21, 2019 at 8:38 pm #151507

    Elise Noromit
    Member

    Hello,

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

    body.single .icons-design-default .woodmart-social-icon.social-facebook {
    color:#000080!important;
}
body.single .icons-design-default .woodmart-social-icon.social-twitter {
    color:#00FFFF!important;
}

body.single .icons-design-default .woodmart-social-icon.social-whatsup {
    color:#00FF00!important;
}

    Best Regards

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