Postion header image

pending (19 posts) (2 voices)

  1. cash69
    Member

    I'm trying to position an image added to the header background through the skin. It is showing at the far top corner, i need to lower it and move it right a bit. What css would I use to do this?

    Posted 3 years ago #
  2. Elliott
    Support

    Hello cash69,

    Send us a link and take a screenshot highlighting what your trying to do so we can get a better idea.

    Posted 3 years ago #
  3. cash69
    Member

    here you go, you see the the edge of a phone number image I added as the header back ground. Is this the best way to do it?

    I need to move it down below the sociables.

    Thanks

    Attachments

    1. ss.png (111.9 KB, 0 downloads) 3 years old
    Posted 3 years ago #
  4. Elliott
    Support

    Send us a link so we can take a look.

    Posted 3 years ago #
  5. Elliott
    Support

    Hmm, I'm not sure. There appears to be a lot of weird customization going on though. Try switching the skin to one of the default with no customization and if that does not work then try uploading a fresh copy of the theme.

    Posted 3 years ago #
  6. cash69
    Member

    I am trying to get the look in the example image I have where there is a blue and white box at the top and then the circle images. Not sure how best to accomplish this look, had 2 ideas. Here's the url for the image http://mycompanyongoogle.com/wp-content/uploads/2014/01/Rentals-mockup.png

    1) Get an image made that has the blue gradient rectangle and circle background and set it as scroll. My question with this approach is what to do with pages of different lengths, how tall would the image need to be?

    2)(This one may be more complex)Set the circular image as the background using a small image on repeat and to set the blue gradient as an oversized header background image and some how get it to show on top of the background image (would need to know what to do to get full image to show outside of header area). This way the header would stay pinned where i need it and the circle background image would repeat as much as needed for longer pages.

    If you can think of a better way to do this please let me know.

    Thank you

    Posted 3 years ago #
  7. Elliott
    Support

    You would set the image to the body background in the skin and set it to repeat.

    Posted 3 years ago #
  8. cash69
    Member

    Yes, thats what i would do for the dot image. How do I get the blue gradient area to stick around the header?

    Posted 3 years ago #
  9. cash69
    Member

    around header and nivo slider* like it is on this page http://mycompanyongoogle.com/event-rentals/

    Posted 3 years ago #
  10. Elliott
    Support

    Take a screenshot of your current site using our theme and highlight in the screenshot exactly what your trying to do.

    Posted 3 years ago #
  11. cash69
    Member

    Images were to big, figured i host them and link it.

    Here is my current site.
    http://mycompanyongoogle.com/wp-content/uploads/2014/01/Event-Rentals.png

    Trying to get background to look like this.
    http://mycompanyongoogle.com/wp-content/uploads/2014/01/Rentals-mockup-support.png

    Posted 3 years ago #
  12. Elliott
    Support

    You would have to set the circle background to the body background in the skin and then edit the header.php file and add the blue background in as a div before the #body_inner div.

    Posted 3 years ago #
  13. cash69
    Member

    Thanks that worked. Used this

    <div><img src="http://mycompanyongoogle.com/wp-content/uploads/2014/01/bluewhite-gradient.jpg" align="center"/></div>

    What's the best way to center it? Don't want to have responsive issues.

    Posted 3 years ago #
  14. cash69
    Member

    Oh wait, no my sociable are showing below the nivo slider.

    http://mycompanyongoogle.com

    Posted 3 years ago #
  15. Elliott
    Support

    Take a screenshot and highlight what is going on.

    Posted 3 years ago #
  16. cash69
    Member

    I need to center the blue image that I added to the header.php file

    Attachments

    1. Event_Rentals_ss.png (139.1 KB, 0 downloads) 3 years old
    Posted 3 years ago #
  17. Elliott
    Support

    I don't see the image on my end. It would probably be best to hire a freelancer to help you out since you seem to be doing a large amount of customization.

    Posted 3 years ago #
  18. cash69
    Member

    The blue gradient is the image, I just need to center it so it goes all the way to the left. I want to have the blue background behind the slider. All i need to do is move that blue image to the left.

    I have done all the customization myself and am almost done. It's just that this is the first time I have modified your theme this heavily.

    Attachments

    1. Event_Rentals_ss.png (138.8 KB, 0 downloads) 3 years old
    Posted 3 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme