Creating a box to make text stand out Agency Pro

[welshgirl]

Hi,

I'm using the Agency Pro theme and am a dummy when it comes to anything too technical (just mentioning that so that anyone kind enough to reply does so in plain English please!)...

I have a few key pages that are exceptionally text heavy.

I need to break them up.

I've used headings, block quote, bold...

But I'd quite like to be able to put the odd piece of critical info in a box or similar to make it visually impacting and to stand out on the page.

How on earth do I do this please?

I have been googling for html fixers and found nothing that is working for me.

Is it possible to do it so I have <some html> my text </end of some html> and hey presto I have a box around my text?

Any tips gratefully received - likewise - if you can think of any alternative/additional ways to make my text visually attractive and impactful I'd be grateful.

Thanks so much.

http://supportenvironment.com/scope-and-purpose/

[Davinder Singh Kainth]

You can use colorful content boxes as seen here - http://demo.studiopress.com/parallax/typography/

To use them:
1. Open style.css file and add the following code:

/* Content Boxes
--------------------------------------------- */
 
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
	margin-bottom: 30px;
	overflow: hidden;
	padding: 30px;
}
 
.content-box-blue {
	background-color: #d8ecf7;
	border: 1px solid #afcde3;
}
 
.content-box-gray {
	background-color: #e2e2e2;
	border: 1px solid #bdbdbd;
}
 
.content-box-green {
	background-color: #d9edc2;
	border: 1px solid #b2ce96;
}
 
.content-box-purple {
	background-color: #e2e2f9;
	border: 1px solid #bebde9;
}
 
.content-box-red {
	background-color: #f9dbdb;
	border: 1px solid #e9b3b3;
}
 
.content-box-yellow {
	background-color: #fef5c4;
	border: 1px solid #fadf98;
}

2. To use them within post, switch to html mode and add following code:

<div class="content-box-blue">
your text here
</div>

Similarly you can use different color by replacing blue with yellow, gray, red, purple, green.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[welshgirl]

Thank you so, so much that is exactly perfect!
Thanks you!

[Davinder Singh Kainth]

Welcome 😉

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts