WordPress.org

Ready to get started?Download WordPress

Forums

Adelle Template Vertical Divider (6 posts)

  1. Nasya Acosta
    Member
    Posted 4 months ago #

    Hello,
    I have been trying to customize my blog template and was wondering how I can make a vertical decider on the right hand side of my blog that separates the body from the sidebar.

    Also, I was wondering how to change the font on the sidebar or if there was a way for me to use a picture (so I can use a fancier font) instead. Also how do I change the side bar text color and post title text color?

    Thank you!

    The blog I need help with is Turquoise and Tortoiseshells

  2. mlddev
    Member
    Posted 4 months ago #

    You can do these things by editing your CSS code, but have you already setup a child theme to edit so that your changes will not be lost with any future theme updates?

  3. Nasya Acosta
    Member
    Posted 4 months ago #

    I've been doing some CSS but Im not very familiar with it. No I haven't yet

  4. Andrew
    Forum Moderator
    Posted 4 months ago #

    That's okay, Jetpack has its own option where you can add your CSS modifications: http://jetpack.me/support/custom-css/ (the "Edit CSS" option).

    Try adding this:

    @media only screen and (min-width: 681px) {
     .aside {
      border-left: 1px solid black;
     }
    }
  5. Nasya Acosta
    Member
    Posted 4 months ago #

    That worked great! Although the line doesn't reach all the way down to the footer, is there a way to do that?

  6. Andrew
    Forum Moderator
    Posted 4 months ago #

    Sure, instead add this:

    @media only screen and (min-width: 681px) {
     .section {
      border-left: 1px solid black;
     }
    }

Reply

You must log in to post.

About this Topic