How can i change colors and text for Sj Responsive Listing, Sj Extra Slider and Sj Responsive Listing modules on main page?

Dear Evokati

Please send us the screenshot where do you want to change color text?

thanks

Ok

Dear Evokati

You can use the software to upload image: prntscr.com

thanks

prnt.sc/gmy49l
prnt.sc/gmy5xt
prnt.sc/gmy66e
prnt.sc/gmy6by
prnt.sc/gmy6hc
prnt.sc/gmy6m5

Dear Evokati

1. prnt.sc/gmy49l
-> edit text in prntscr.com/gmyy4l
prntscr.com/gmyy81

2. prntscr.com/gmyyim
edit color in your preset file: /templates/sj_topdeal/css/presets/preset4.css and find the css below to edit color:

.listing-tab-dev.color1 .sj-responsive-listing .respl-wrap .respl-header .respl-sort-view .respl-sort .sort-wrap .respl-option > li.sel a {
color: #e9597e;
}
find the css:

.listing-tab-dev.color1 h3.sppb-addon-title {
border-top: 2px solid #e9597e;
}

find the css:

.listing-tab-dev.color1 h3.sppb-addon-title >span {
background: #e9597e;
}

3. edit title in block prntscr.com/gmz0wb
and find css below to edit color

.listing-tab-dev.color2 h3.sppb-addon-title {
border-top: 2px solid #e8b35f;
}

find

.listing-tab-dev.color2 h3.sppb-addon-title >span {
background: #e8b35f;
}

find

.listing-tab-dev.color2 .sj-responsive-listing .respl-wrap .respl-header .respl-sort-view .respl-sort .sort-wrap .respl-option > li.sel a {
color: #e8b35f;
}

4. edit title of the block: prntscr.com/gmz2bk
and find the css below to edit color:

.si-extraslider-dev.style2-dev.color1 h3.sppb-addon-title {
background: #6fbf1d;
}

find

.si-extraslider-dev.style2-dev.color2 h3.sppb-addon-title {
background: #b5361c;
}

find:

.si-extraslider-dev.style2-dev.color3 h3.sppb-addon-title {
background: #64c0d1;
}

5 edit title of this block prntscr.com/gmz2xq
find the css to edit color to your color

.listing-tab-dev.color4 h3.sppb-addon-title {
border-top: 2px solid #407f7f;
}

find

.listing-tab-dev.color4 h3.sppb-addon-title >span {
background: #407f7f;
}

find

.listing-tab-dev.color4 .sj-responsive-listing .respl-wrap .respl-header .respl-sort-view .respl-sort .sort-wrap .respl-option > li.sel a {
color: #407f7f;
}

6. edit title of this block prntscr.com/gmz3td
find the css to edit color to your color

.listing-tab-dev.color3 h3.sppb-addon-title {
border-top: 2px solid #449df0;
}

find

.listing-tab-dev.color3 h3.sppb-addon-title >span {
background: #449df0;
}

find:

.listing-tab-dev.color3 .sj-responsive-listing .respl-wrap .respl-header .respl-sort-view .respl-sort .sort-wrap .respl-option > li.sel a {
color: #449df0;
}

thanks