How to move title under image in Genesis Featured Post widget

[nhed]

Hi,

As you can see here:

http://www.join-ed.com

I am using Altitude Pro theme and on the FrontPage 2 I have 3 Genesis Featured Post widgets configured as follows:

As you can see on my site, because the titles will always be different lengths, the visual of this page is less than optimal.

My question is: how can I change the way the Featured Post Widget is displayed? I think I need to put the image above the Title.

If anyone has a better solution, please let me know. I'm new at working with WP.

Thanks for the help.

Ed

http://www.join-ed.com

[Badlywired]

Sort of in the same way as I do in http://quantabay.com/ ?

---

My techy blog WordPress and stuff badlywired.com

[Badlywired]

What I did,was just leave the widget title blank, and checked 'show page title' as the sequence is 'widget title' 'image' 'post title' 'post content'

---

My techy blog WordPress and stuff badlywired.com

[nhed]

Hey there, Thanks for the input.

I tried what to do what you did, and I think I have a problem with it because I have disabled the post title using a hook, I think it was. Someone helped guide me to add a snippit of code to my php file and I think that removed the post titles so I can use my visual editor, Thrive Content Builder, to build the posts. It's very easy and gives me a lot of flexibility.

So, after going crazy for a few hours and trying every imaginable combination of option settings, this is the best I can do, for now.

As you can see, I finally have the correct order that I wanted, Image, then Title, then the text. The only thing I don't have is the Continue Reading link, but I can live with that. I'm sure there's some way to stick that in, but it's not my priority right now.

What I do need to discover is how to adjust the css so I can adjust the alignment of the text, the size of the title and text, as well as the padding and margins.

Do you know where I would add this css?

Thank you so very much for the help. I deeply appreciate it. Even though you didn't give the exact answer, you input lead me to the answer, so thank you very much. I owe you one.

Next time you are in Rio, I'll get you a coconut water at our beach! 🙂

All the very best, my friend.
Ed

[nhed]

OK, my friend. Here's the latest.

I found the css code I needed to change using Firebug. Nice.

Here's what is showing up now:

Thank you once again.

Ed

[nhed]

Oops. Now I ended up making changes to the whole site. So I guess I have to figure out how to make these changes just to the frontpage. Do you know if there is a way to add css just to the FrontPage?

[nhed]

OK. So if I got this right, what I need to do is find the ID and class of the widget I want to add the custom css to.

Am I correct in assuming that the ID is the following:

featured-post-3

And the class is the following:

widget

Thanks for the help?

Ed

[nhed]

I guess I need to find the class and/or id of the element that I want to customize inside the widget. For example, the two elements that I need to customize are the entry-title and the entry-content.

Would my css code need to look like the following:

.widget
#featured-post-3
#entry-title {
     font-size: 24p;
     text-align: left;
}

Would that change the title area? I've tried it and it doesn't seem to do anything, but maybe I'm not putting this code in the right place in the stylesheet.

Where does this code need to go?

Thanks,
Ed

[nhed]

I'm going to start a new topic and rephrase the question and see if I can get the help I need. Thank you all who have answered or tried to answer. I really appreciate the help.

All the best,
Ed

[nhed]

OK. I got it working. Thanks.

[Author]

Posts