Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Header Widget – Align Right

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: not resolved

Tagged: align right, header right, modern portfolio, widget

This topic has 3 replies, 2 voices, and was last updated 12 years, 2 months ago by Brad Dalton.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
December 13, 2013 at 5:34 pm #78935

ellenstevens
Member

Using: Modern Portfolio

I'm having trouble getting the header widget to align right. Does anyone have any idea where this might be fixed?

http://www.ellenstevens.com/test

thanks!
http://www.ellenstevens.com/test

December 13, 2013 at 5:55 pm #78940
Brad Dalton
Participant
You can modify this code in your child themes style.css file to position your header widget:
```
.site-header .widget-area {
	float: right;
	padding-right: 40px;
	padding-right: 4rem;
	text-align: right;
	width: 800px;
}
```
Tutorials for StudioPress Themes.
December 13, 2013 at 7:05 pm #78947

ellenstevens
Member

Thanks! That fixed the right alignment. Now, how do I get it to align vertically? I've added: vertical-align: top, but that doesn't seem to work.

Any tips?

December 13, 2013 at 8:07 pm #78955

Brad Dalton
Participant

Add padding-top or padding-bottom.

Tutorials for StudioPress Themes.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.