Viewing 15 replies - 1 through 15 (of 24 total)
  • Hey Chad!

    All I can see is a coming soon page, if you’re using a coming soon plugin, do you mind deactivating it for a while so I can have a look at the code?

    Cheers!
    -Rick

    Thread Starter Chad Williams

    (@chad-williams)

    Yes! So sorry! I had it off for a long time and JUST put it back on. Turning off now. Thank you!

    No worries ??

    Can you be a little more specific on how you want to change your borders? You want to make them thicker, change the color, something else?

    Thread Starter Chad Williams

    (@chad-williams)

    Just change the color. They are a light grey now, when i make my body and background color black, you cant see the lines. I want to make the border lines #fd5f00 orange

    Alright mate, put this CSS into your Custom CSS or Child Theme style.css so that way you won’t lose all the changes made when the theme updates.

    .boxed #wrapper.container {
      box-shadow: 0 0 5px 1px rgba(253, 95, 0, 1) !important;
    }

    Let me know if it works!

    Thread Starter Chad Williams

    (@chad-williams)

    Worked perfectly for the background lines. Now can you see the lines withing the main body area? The ones that wrap my blog posts and that align the top and bottom text that says “home”? I need the same color for those lines.

    Put this for the Home section:

    .page-header {
      border-color: rgba(253, 95, 0, 1);
    }

    And this for your posts:

    .home_blog article {
      border: 1px solid rgba(253, 95, 0, 1);
    }

    Let me know if it’s ok now ??

    Thread Starter Chad Williams

    (@chad-williams)

    I was able to change the page header lines to orange, but cant figure out how to change my “article” box lines

    Quite strange, the code I gave you was right…

    try to add !important at the end of the declaration like:

    .home_blog article {
      border: 1px solid rgba(253, 95, 0, 1)!important;
    }

    use the hex code for the color if you like:

    .home_blog article {
      border: 1px solid #fd5f00!important;
    }
    Thread Starter Chad Williams

    (@chad-williams)

    .home_blog article {
    border: 1px solid rgba(253, 95, 0, 1);
    margin: 0px 0px 20px;
    }

    That changes it in my browser if Im inspecting element, but when I add it to custom css it doesnt change anything…

    Thread Starter Chad Williams

    (@chad-williams)

    Your code wouldnt change it either! Even with !important

    Try deleting the color, leaving just

    .home_blog article {
    border: 1px solid;
    }
    Thread Starter Chad Williams

    (@chad-williams)

    No change

    Quite odd, I’m wondering what it could be, sorry but whit no access to the site I can’t really tell what it is.
    Have you tried making a child theme? It’s the best way to customize and override the parent theme styles.

    Thread Starter Chad Williams

    (@chad-williams)

    I struggle enough with beginner wordpress ?? I wouldnt even know where to begin to make a child theme

Viewing 15 replies - 1 through 15 (of 24 total)
  • The topic ‘Theme: Virtue How can I change my main page border colors’ is closed to new replies.