Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

[SOLVED] remove vertical lines in the header
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: [SOLVED] remove vertical lines in the header

[SOLVED] remove vertical lines in the header 10 years, 11 months ago #15437

Hello,
how to remove or change the color of vertical lines between thedifferent modules : search, social, contac,t in the header
Thank you very much
Attachments:
Last Edit: 10 years, 11 months ago by thierrysamui.

Re: remove vertical lines in the header 10 years, 11 months ago #15512

Dear Thierry,

Please go to your_site/templates/sj_plus/css/template-blue.css and find, then remove:
#yt_header .row-fluid > div:before {
    border-left: 1px solid #DDDDDD;
    box-shadow: 1px 0 0 #FFFFFF;
    content: "";
    float: left;
    height: 50px;
    margin-top: 20px;
}


Thanks!
The following user(s) said Thank You: thierrysamui

Re: remove vertical lines in the header 10 years, 11 months ago #15519

It's ok
Thank you very much and Happy New Year
Last Edit: 10 years, 11 months ago by thierrysamui.

Re: remove vertical lines in the header 10 years, 10 months ago #15610

  • tkj
  • OFFLINE
  • Single Product
  • Junior Boarder
  • Posts: 27
  • Karma: 3
This does not work for me. I use the red css style and responsive.
When i remove the code below, it is still there when i view the css browser generated code.
I can change all .css in the directory, no effect. Why?
Something todo with less?


SA Anh wrote:
Dear Thierry,

Please go to your_site/templates/sj_plus/css/template-blue.css and find, then remove:
#yt_header .row-fluid > div:before {
    border-left: 1px solid #DDDDDD;
    box-shadow: 1px 0 0 #FFFFFF;
    content: "";
    float: left;
    height: 50px;
    margin-top: 20px;
}


Thanks!

Re: remove vertical lines in the header 10 years, 10 months ago #15625

Dear tkj,

If you working with .less, please go to your_site\templates\sj_plus\less\layout.less and find, then remove it:
.row-fluid > div{
          &:first-child{
               &:before{border: none;.box-shadow(none);}
          }
          &:before{content: "";border-left: 1px solid #ddd;height:50px;margin-top: 20px;float: left;.box-shadow(1px 0 0 #fff);}
     }


Thanks!
  • Page:
  • 1
Time to create page: 0.26 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes