Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 28, 2014 at 9:42 am #215694
    karlbaz

    Hello,

    I’d like to try my hand at styling the Blog elements shortcode. I’m happy to research the stuff myself, but would like to know where to start.

    Things I’d like to change:

    Left side preview picture: remove rounded corners, give it a border, etc.
    Dotted vertical line: replace with a small graphic if possible? I’d love to add some elements of my logo (circuit board traces, for instance) to that line. Alternatively just make it thicker and give it a different color.

    Can you please point me in the right direction and/or offer advice? For instance, which style sheet would I find these settings in?

    Thank you!
    Karl.

    January 28, 2014 at 4:04 pm #215838
    Ismael

    Hey karlbaz!

    You can use this on Quick CSS to remove the rounded borders:

    .small-preview {
border-radius: 0;
}

    Use this to add some border:

    .main_color .small-preview {
border: 1px solid red;
}

    This is the selector for the dashed line:

    .single-small .post_author_timeline {
position: absolute;
top: 0;
left: 40px;
width: 1px;
height: 100%;
border-right-width: 1px;
border-right-style: dashed;
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Styling the Blog Elements shortcode’ is closed to new replies.