H2 Layout and Button

[Chrisrx]

Hi All

I want to have a similar layout to the attached image - i am using Digital Pro Theme and can recreate the three text field within the widget and custom class, but would like the H2 and Button, any guidance would be massively appreciated. Please also take a look at site to get idea at http://www.roxhar.com.

Regards

Chris

http://www.roxhar.com

[Brad Dalton]

Link to the page where you took the screenshot please.

---

Get Help – Book Consultation.

[Chrisrx]

HI Brad

The link is http://www.copyblogger.com

Hope this helps

Regards

Chris

[Brad Dalton]

Here's the CSS they used:

.front-page-2 .mission h2 {
	display: inline-block;
	font-size: 48px;
	margin-bottom: 70px;
	max-width: 72%;
	letter-spacing: -.03em;
	line-height: 1.1;
}

.front-page-2 p {
	font-size: 18px;
}

.front-page-2 .widget-title {
	font-size: 28px;
}

.front-page-2 .button {
	float: right;
	margin-top: 10px;
}

They added the text and HTML for the link to a widget and added the class button to the link.

---

Get Help – Book Consultation.

[Chrisrx]

Hi Brad,

Would you be able to help a little further, i can add the css to my style sheet, but would i then need to apply a text widget to my current section that has the 3 columns, how then would i apply the css to that text widget?

Any help would much be appreciated.

Regards

Chirs

[Brad Dalton]

If you inspect the content, you'll be able to grab the HTML which includes the class front-page-2. So you can then copy the HTML into a text widget in the front page 2 widget area.

---

Get Help – Book Consultation.

[Chrisrx]

Thank you brad works perfectly.

[Author]

Posts