WordPress.org

Ready to get started?Download WordPress

Forums

Misty Lake
[resolved] Misty Lake - Gradient background and remove comment area (6 posts)

  1. JillsMat
    Member
    Posted 8 months ago #

    Hello!
    I would really appreciate if someone could help me with these two things:

    The page I am working on is http://www.toveshalsa.se

    1. I want to change the background to a gradient using css.
    But I can't find where I should insert the css-code style.css!? I guess the code is (background: linear-gradient(180deg, #5FA831,#EBFFDE);)

    2. I would also want to remove the "comment area" under the pages like "Kontakt" etc in the menu (I still want them under each new post). Could I do that?

    Thank you in advance!

    Best Regards,
    Jill

  2. Hi Jill,

    2. I would also want to remove the "comment area" under the pages like "Kontakt" etc in the menu (I still want them under each new post). Could I do that?

    To disallow comments on a particular post or page, uncheck the "Allow comments" box on each post:

    https://cloudup.com/cF5HKfEhpqx

    If you don't see the Discussion area on your page or post, you may need to turn it on through the Screen Options tab at the top of the page:

    https://cloudup.com/cTTYtA5H9VP

    Let me know how it goes.

    I'll reply to your other question separately.

  3. 1. I want to change the background to a gradient using css.
    But I can't find where I should insert the css-code style.css!? I guess the code is (background: linear-gradient(180deg, #5FA831,#EBFFDE);)

    Just a heads-up that you shouldn't be editing style.css directly, as all your changes will be overwritten when you update the theme.

    If all you have are CSS changes, then you could use a plugin to add your custom CSS: 1) you can use the Jetpack plugin and activate the Custom CSS module, or, 2) you can install a standalone custom CSS plugin.

    If you have theme edits in addition to CSS, you can create a child theme. If you want to go that route, you can explore these guides:

    http://codex.wordpress.org/Child_Themes
    http://op111.net/53/
    http://vimeo.com/49770088

    Your code should work when applied to the body tag, through your child theme or custom CSS plugin:

    body {
     background: linear-gradient(180deg, #5FA831,#EBFFDE);
    }

    Because of CSS inheritance rules, if the above doesn't take effect you may need to add !important just before the closing semi-colon, so the code becomes:

    body {
     background: linear-gradient(180deg, #5FA831,#EBFFDE) !important;
    }

    I just tested this on my end and it works. Let me know how it goes!

  4. Screenshot of your site with gradient applied:

    https://cloudup.com/cnFE1evgXbu

  5. JillsMat
    Member
    Posted 8 months ago #

    Hello Kathryn!
    Thank you sooo much for all of your help!
    Now everything look the way I want it.
    Thank you for the heads up with editing directly in the style.css (which I have done). Now I have installed the Jetpack and since I have done a lot of changes directy in the style.css I copied everything and pasted it into the "Jetpack CSS-thing". Hope that is ok?

    Thank you once again! And hope you'll have a great christmas :)

    Best Regards,
    Jill

  6. Hi Jill, moving all your CSS changes into Jetpack's Custom CSS area was the right thing to do.

    Happy holidays to you as well!

Reply

You must log in to post.

About this Theme

About this Topic

Tags