Jump to content

Topic on Project:Support desk/Flow

KidProdigy (talkcontribs)

Hi, I was customizing the vector skin on my website, but I have a little problem to complete my design. I've been struggling with the tabs a lot of times. I want to change the border of the tabs, but when I've finally changed it, it change the background of the tabs as well. I've tried multiple things, and was even trying to figure it out at the map were the borders of the tabs are, but it ends up even worse. I hope you guys can help me out with this.

Thank you for your time.

88.130.82.224 (talkcontribs)

This can simply be done with CSS. Vector is setting a background-image for div.vectorTabs span. This background image contains these blue lines, which are fading out towards the top. So this is what you have to change.

You can for example upload your own background image with dimensions 1x46px and set up according CSS rules in the wiki page MediaWiki:Vector inside your wiki to use it.

88.130.82.224 (talkcontribs)

MediaWiki:Vector.css(!) is the actual name of the page. I would have fixed it, but mediawiki.org does not save changes to my previous post.

KidProdigy (talkcontribs)

Tried that, but it takes the whole tab if the blue line is edited.

Reply to "Vector Skin: Tabs"