Adelle Template Vertical Divider

  • 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

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

  • 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?

    Thread Starter Nasya Acosta

    (@nasya-acosta)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    That’s okay, Jetpack has its own option where you can add your CSS modifications: https://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;
 }
}

    Thread Starter Nasya Acosta

    (@nasya-acosta)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sure, instead add this:

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Adelle Template Vertical Divider’ is closed to new replies.