Change Tab line height ?

[tonari]

Hi,
i’m trying to change the line height in my tab.
I found this is the part to change: (i think)

COPY CODE

.nav-tabs>li>a {
    line-height: 1.428571429;
}

But when i try to change the size in my style.css, that’s not working.

Can you help me with that.
Thanks 🙂

[sharmstr]

Try this instead

COPY CODE

.nav-tabs li a {
    line-height: 1px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[tonari]

Hi Sharmstr,
thanks for your answer. 🙂
Actually even with this line, i still have the same space.
The line-height of 1.428571429 is loaded by bootstraps.min and over my style.css .
How can i override it?

[sharmstr]

Adjust the px size in my code to whatever you want. It works for me. If its not working for you, I’ll need to see a link.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[tonari]

Ok that’s weird.
Me i still have the bootstraps style.

You can see on the two pics.
A and B are with your code set to 1px.

Attachments:

You must be logged in to view attached files.

[sharmstr]

But where’s my code? You dont show a picture of it. Again, please make my life easier and give me a link I can see.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[tonari]

This reply has been set as private.

[sharmstr]

You put height instead of line-height

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[tonari]

This reply has been set as private.

[sharmstr]

You also have ul in the selector. Please use the exact code I’ve given you.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[tonari]

Ok thanks sorry, i’m doing all wrong today, i ‘ll just stop working for today 🙂
One last litte thing, i want to finish that before going out for a beer.

I see that this is the “height” that i need to change.

COPY CODE

ul li a {
    <del datetime="2015-08-15T14:19:13+00:00">line-height: 80px;</del>
   <del datetime="2015-08-15T14:19:13+00:00"> padding: 0px 20px;</del>
    <strong>height: 80px;</strong>
    <del datetime="2015-08-15T14:19:13+00:00">color: #777;</del>
    <del datetime="2015-08-15T14:19:13+00:00">transition: all 0.1s ease-out 0s;</del>
}

But how can i change it to only affect this page ?

[sharmstr]

each page has a body class with the page id

.page-id-7841

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[tonari]

Thanks, perfect. 🙂

[Author]

Posts