• Resolved JillsMat

    (@jillsmat)


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

    The page I am working on is https://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

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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:

    Edit Post Test Site WordPress

    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:

    Edit Post Test Site WordPress 1

    Let me know how it goes.

    I’ll reply to your other question separately.

    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:

    https://codex.www.ads-software.com/Child_Themes
    https://op111.net/53/
    https://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!

    Screenshot of your site with gradient applied:

    Toveshalsa ss

    Thread Starter JillsMat

    (@jillsmat)

    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

    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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Misty Lake – Gradient background and remove comment area’ is closed to new replies.