Modern Portfolio- changing the About widget size

[magzparmenter]

Hi everyone,
I'm sure this is a super simple thing, but I can't can't figure it out.
On my site http://balletatourage.com
I would like to make the welcome message area (pink) smaller to probably about 250-275px height.
Can someone please tell me where I do this?
I know one of you will be able to help me!

Thanks so much!
Magz

http://balletatourage.com

[sangfroidweb]

Hi Magz!
The pink area on the home page is the height of all the objects inside of it plus all of the padding and margins associated with those objects.

I noticed that in the Text Widget that is currently in that home page widget area (the pink area), there is an extra line break and empty paragraph at the bottom that is adding some of the extra space in the bottom of the pink area. If you remove those, the pink area should be about the size you were hoping for without the extra space at the bottom.

Go to "Appearance", "Widgets" in the WordPress admin and look for that Text widget in the corresponding home page widget area. Delete the extra break and paragraph found at the bottom of the content of the text widget.

If you don't see an extra break tag or paragraph tag in the widget, there may just be extra empty lines at the bottom of the text widget. In that case, try deleting any extra empty lines and spaces found at the end of the text widget.

I hope this helps!
Liz 🙂

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[magzparmenter]

Hi Liz,
Thanks, that did help, but I still can't get the image vertically centered. I've tried various margin and padding settings in the text widget for the image, but still not getting it right.
Again, this is one of those simple things that I should know, but somehow, I can't quite get it.
Any thoughts?

Magz

[emasai]

Change the margin on the image to 20px 0; and then add the following
#text-2 .widget{
margin-bottom: 0px;
}
That should close up the extra space at the bottom of the pink area and align the image.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[magzparmenter]

Where do I add the #text-2...?

[emasai]

In the style.css file at the very end after all the media queries.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[magzparmenter]

OK, thanks. Will try it.

[Author]

Posts