Help With border CSS

Help With border CSS
0

https://codepen.io/audiodope/pen/EBGMax

Need help removing the 3rd border line in the header. I’ve tried moving the border-right around but it then removes the middle one. any help would be greatly appreciated

Because you have one set of rules for 2 selectors therefore you get 2 borders by writing border-right once. Get it?

header .icon-links, .quick-options {
  display: inline-block;
  margin-left: -4px;
  padding-right: 30px;
  padding-left: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.icon-links gives you the third borderline. To remove just one borderline you must write border-right three times then remove just the one you want. You’ve only written border-right twice but you have three lines.

Sorry if I went on too long. It’s time to quit, but I was interested and didn’t want to.

1 Like

oh, ok slow moment lol now I understand. I needed to target just .quick-options. Thank You so much for your help