How to use the Lead style

[samuel WELLS]

Looking at the live demo of the epic theme I like that lead style. How do I place it on myhome page next to the contact widget?

[Bill Robbins]

Great question. In the main content area of a page/post you can add it using a shortcode that works like this. You place this before the text you’re working with:

[lead]

and this after it.

[/lead]

On the home page though you’ll need to use a text widget to add in the text. To add in the lead style there, we’ll actually need to use a bit of HTML. Add this before your text:

<span class="lead">

and this after it:

</span>

See if that doesn’t apply the lead style to your text widget. Let me know if you run into trouble.

Enjoy your afternoon,
Bill

[samuel WELLS]

Hello Bill what widget is that you used on the demo. I can’t make it as wide as yours only a little square text box from the text widget.I would like to use that whole area of the front page.

[Bill Robbins]

Most of the home page widgets are set to be one out of three columns. The exception is the featured posts widget which uses too.

The width can be changed though. Would you like to make the text widget two or three columns wide?

[samuel WELLS]

Just two columns would be sufficient thank you.

[Bill Robbins]

We can do that. Looks like that’s a featured page widget, so I’m including changes here for both that widget and a text widget.

1. Go to your theme options page and choose the Style tab.
2. Scroll down to the Custom CSS box and add this:

   
   .home-lower .widget.featuredpage,
   .home-lower .widget.widget_text {
   	width: 603px;
   }
   
   @media only screen and (min-width: 768px) and (max-width: 1023px) {
   	
   	.home-lower .widget.featuredpage,
   	.home-lower .widget.widget_text {
   		width: 699px;
   		clear: both;
   		margin-top: 10px;
   		margin-bottom: 10px;
   	}
   
   }
   
   @media only screen and (max-width: 767px) {
   	
   	.home-lower .widget.featuredpage,
   	.home-lower .widget.widget_text {
   		width: 90%;
   	}
   	
   }
   

3. Update your settings.

Let me know if you have any questions,
Bill

[samuel WELLS]

Thanks Bill that worked out great!

[samuel WELLS]

Yes one question should I put that code into a child theme?

[Bill Robbins]

You certainly can place that into a child theme. It’s not a requirement. If you’ll be doing is adding a small amount of custom css, there’s not really a need for that.

Take care,
Bill

[samuel WELLS]

Thanks enjoy the rest of your day

[Bill Robbins]

Thanks…you too 🙂

[Author]

Posts