Creating a Call To Action in Posts in Executive Pro

[marcomancosu]

Hi,

I'm trying to set up a call to action widget to use in the posts in the Executive Pro theme. I would like to get the same widget as the one on the homepage.
I followed the tutorial here: http://wpsites.net/web-design/add-call-to-action-widget-in-any-studiopress-theme/
and added the right code to the functions.php and to the style.css files.

Then, I added the below code to the post through the Visual editor in WordPress:
<div class="call-to-action widget-area">
<h4 class="call-to-action widgettitle">Widget title</h4>
<div class="three-fourths first">Here's a great place to write something specific that you want your visitors to read.</div>
<div class="one-fourth">Contact Us Today</div>
</div></section>

but the title gets too much space.

If I remove the line:
<h4 class="call-to-action widgettitle">Widget title</h4>
the widget looks better, but the title is missing.

What am I doing wrong? I'm a completely newbie so please help.
Thanks

http://mytestingwebsite.org/classic-italy-tour-by-train/

[anotherusername]

"What am I doing wrong? I’m a completely newbie so please help."

Well... what you are doing wrong is that you are a complete newbie trying to develop a site in Genesis.

Don't get me wrong: Genesis is great... if you know what you are doing.

Ok, I will stop being snarky and actually try to offer some helpful advice.

You need to change the css that affects the headline (the h4 tag) in that widget box.

Specifically, try changing the padding around this line:

.call-to-action {
    background-color: #222;
    color: #DDD;
    float: left;
    padding: 6rem;
    width: 100%;

to something like this:

.call-to-action {
    background-color: #222;
    color: #DDD;
    float: left;
    padding: 3rem;
    width: 100%;

Specifically, look to change:

padding: 6rem;

to something smaller, such as:

padding: 3rem;

Hope that helps.

[marcomancosu]

Thanks anotherusername! That worked, and I learned a lot. I appreciate your help,
Marco

[Author]

Posts