Categories: Web Design

Using Ultimatum - How to place a line after each post

The Question

I recently got asked the question of how can I put a line under each of my posts on the multi post screen?

This is a question that I had asked myself at some point as its nice to separate out each post to make it obvious to everyone where each post preview starts and ends. The solution I came up with was to use CSS and place a bottom border after each post; therefore producing the line.

The Solution

The following steps and images show how I did this using just CSS with in the Ultimatum system

1) Goto your template and layout - So - Ultimatum > Template > Layout

 

2) Select the specific layout you have with your WordPress Default Loop in it

 

3) Select EDIT CSS > Layout Specific CSS from the top of the layout

4) Select Core WP > Posts from the menu

5) In Post Container (All Posts) section; Post Container Border - Set a size for Border bottom; select solid or some other style and a colour

 

Doing it this way its using the Ultimatum framework to edit the CSS and produce this effect. There are other solutions; some of which involve custom CSS - but doing it this way works.

Learn More If you want to learn more about Ultimatum then why not join my Ultimatum Udemy Course. Here is a great coupon that is practically giving away the course and it will teach you many aspects of Website Creation with WordPress and Ultimatum.

So, what is this special price? With this coupon you can get this course; worth $49; for just $5.. $5 to learn how to use this fantastic framework and get more than your moneys worth.. So what you waiting for; below is the link and I will see you on the inside.

https://www.udemy.com/beginning-with-the-ultimatum-wordpress-theme-framework/?couponCode=SEANSBLOG

Sean

Recent Posts

The Question: Cream or Jam First

So, to set the scene. I'm currently away on a break. I was out walking…

1 year ago

Creating a WordPress SEO Plugin From Scratch

Creating a WordPress SEO plugin from scratch is an ambitious yet rewarding endeavor that can…

1 year ago

A Step-by-Step Guide to Building an API Endpoint with Java Spring Boot

Introduction to API Endpoint Development Understanding API Endpoints API endpoints serve as the communicative bridges…

2 years ago

The Fine Line Between Knowledge and Overwhelm: Signs You're Learning Too Much

The innate human desire to learn and grow is a fundamental part of our nature.…

2 years ago

Demystifying the @Transactional Annotation in Spring Boot

When working within the Spring framework, developers often encounter scenarios where transactional integrity is crucial…

2 years ago

Demystifying @Autowired in Java Spring Boot: A Beginner's Guide

Introduction to @Autowired in Java Spring Boot What is Dependency Injection? Dependency Injection (DI) is…

2 years ago