Header Widget « Graphene Theme Forum

Graphene Theme Forum » Graphene Wordpress theme » Support

Header Widget

(7 posts) (3 voices)

Started 6 months ago by TheMentalGame
Latest reply from TheMentalGame
This topic is closed
This topic is resolved

Skip to the latest post | RSS feed for this topic

TheMentalGame
Member

I discovered how to add a header widget. I want to add a newsletter opt in box. I have the code to do so. The problem is it places the text widget box in the upper left hand corner of the header. Is there a way for me to place the text box? My website is http://www.TheMental-Game.com
I have it set up with the arrow pointer more or less where I want the box. Thanks.

Mike

Posted 6 months ago #
TheMentalGame
Member

I discovered how to add a header widget. I want to add a newsletter opt in box. I have the code to do so. The problem is it places the text widget box in the upper left hand corner of the header. Is there a way for me to place the text box? My website is http://www.TheMental-Game.com

I have it set up with the arrow pointer more or less where I want the box. Thanks.
Mike

Posted 6 months ago #
ronangelo
Member
You can add a css property to the specific widget.
Looks like you removed it. I can't see a widget in the header
You can use a combination of these properties
```
float: right;
```
or
```
position: absolute;
top: 1px;     /* sample value */
left: 1px;    /* sample value */
```
Posted 6 months ago #
Prasanna SP
Moderator

Moved to Support. Please post in the correct section next time.

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 6 months ago #
TheMentalGame
Member

Sorry for posting in the wrong area. I have put the text widget back in the header. I have not edited a widget before. I simply want to move it to where the arrow is pointing. Perhaps their is a different widget that would allow for simpler placement?
Thanks again for the help.
Mike

Posted 6 months ago #
ronangelo
Member
You can put this in the same text widget. before or after the codes for the form.
```
<style>
#text-4 {
    left: 500px;
    top: 300px;
}
</style>
```
but it seems to me that the header could use a little rearranging. it doesn't look very orderly.
Posted 6 months ago #
TheMentalGame
Member

Thank you ronangelo,
When I finally figured it out as directed it worked great. Took your suggestion and moved it to provide a bit better balance. Still a work in progress.

Mike
TheMental-Game.com

Posted 6 months ago #

Topic Closed

This topic has been closed to new replies.