Return to previous page

Changing the a few colors of the Legenda Theme

This topic has 3 replies, 3 voices, and was last updated 8 years, 7 months ago ago by Robert Hall

cmsmi18

Participant

April 30, 2016 at 21:08

Hello is it possible to change the following things to a pink color code fea0d

http://prntscr.com/aysygz top border
http://prnt.sc/aysyqr search box border
http://prntscr.com/aysyzj navigation men
http://prntscr.com/ayszg1 border of this area from gray to pink
http://prnt.sc/ayszoo border of this area from gray to pink

#123634 Copied Theme version: 2.9.2 WooCommerce version: 4.3.1

2 Answers

Jack Richardson

Support staff

May 3, 2016 at 08:36

Hello,

Please add this code in custom.css file:

.header-type-5 .top-bar {
    background-color: pink;
}
.search .et-mega-search form input[type="text"] {
   border: 1px solid pink;
}
.main-nav .double-border, .main-nav {
    border-top: 1px solid #f580c2;
    border-bottom: 1px solid #f580c2;
}
.custom-info-block {
    border-top: 1px dotted #f580c2;
    border-bottom: 1px dotted #f580c2;
}
.custom-info-block {
   border-top: 1px solid #f580c2;
}
.footer .container {
   border-top: 1px solid #f580c2;
}

How to create custom.css you can watch in this tutorial

Best regards,
Jack Richardson.

#123715 Copied

Robert Hall

Support staff

May 3, 2016 at 08:38

Hello,

Please add the following code in custom.css file.

.header-type-5 .top-bar {
    background: pink;
}
.search .et-mega-search form input[type="text"]{
    border: 1px solid pink;
}
.fixed-header .menu > li > a, .main-nav .menu > li > a{
color:pink;
}
.custom-info-wrap .custom-info-block {
    border-top: 1px dotted pink;
}
.custom-info-wrap {
    border-bottom: 1px dotted pink;
}
.custom-info-block {
    border-top: 1px solid pink;
}

.footer .container {
    border-top: 1px solid pink;
}
.custom-info-block.a-center a {
    border-left: 1px solid pink;
    border-right: 1px solid pink;
}
.custom-info-wrap .custom-info-block.a-center a {
    border-left: 1px dotted pink;
    border-right: 1px dotted pink;
}

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall

#123716 Copied