CSS can't override column width :-/

  • Resolved plasquecom

    (@plasquecom)


    9 years, 11 months ago

    Hi !

    I’m trying to make use of the custom CSS field in the WP theme NASH, but these seem not to have any effect:

    h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    text-transform: none;
    }

    .container .ten.columns {
    width: 100%;
    }
    .container .ten.columns {
    width: 100%;
    }

    The first one should get rid of capitalisation in headlines
    The second and third should eliminate a very narrow column width

    See https://themoonnetwork.dk/profile/jesjessen

    Why don’t this work?

    Best, Jes

Viewing 5 replies - 1 through 5 (of 5 total)

  • Modify your CSS and add !important after every value that you want to style, like

    h1, h2, h3, h4, h5, h6 {
font-weight: bold!important;
text-transform: none!important;
}

.container .ten.columns {
width: 100%!important;
}
.container .ten.columns {
width: 100%!important;
}

    or copy the above code and paste it into your stylesheet. hope it will solve the issue.

    Thread Starter plasquecom

    (@plasquecom)

    Fantastic! It did the trick! Thanks a lot aranwer104

    How come this is necessary?

    No, but !important is something we can use to override any css predefined value.. it makes higher priority.

    Thread Starter plasquecom

    (@plasquecom)

    Okay – thanks again ??

    Thread Starter plasquecom

    (@plasquecom)

    Forgot to mark as solved

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS can't override column width :-/’ is closed to new replies.