Align the home page image

[jwchameleoncorp]

http://www.matchingglove.com

Hello,

I am inserting the image on the home page to the right of the search box. However, depending on the settings in the Theme Options, it is either too far to the right (if right is selected) or to centered (if centered is seleted.) I’ve attached snap shots to show you what I mean.

Is there a way to adjust the placement of the image so it is more inline with where is should be on the page?

Thank you.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try adding this to style.css of child theme

COPY CODE

#header {
    background-position: 750px 170px !important;
    background-attachment: scroll !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jwchameleoncorp]

Hi Laura,

Thanks for the code. I tried the results almost look like the center.jpg I attached. Check it out at http://www.matchingglove.com

I tried moving the picture farther to the right by changing the number of pixels in the code you provided, but it did not move. Did I do something wrong?

As always, thanks for your awesome help! 🙂

[Laura]

Hello, this is what i see, attached

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

Attachments:

You must be logged in to view attached files.

[jwchameleoncorp]

Hi Laura,

I think it has something to do with the size of the users computer screen/display.

I minimized the size of the browser, then dragged the sides to either stretch or narrow the width. When I do, the image does not stay anchored to it’s location in the browser window. In other words, the width of the browser causes the image to move on the page.

Here are some snap shots showing what I mean. Each snap shot is my entire computer screen, but the browser has been narrowed or stretched to change the width, so you can see what I am talking about. See attached images.

I using a 16″ screen, so I am assuming you are using a smaller screen? Maybe 14″? Try stretching your browser screen from the sides to change the width, and I think you can probably produce the same results.

Let me know what you find out.

Thanks!

Attachments:

You must be logged in to view attached files.

[jwchameleoncorp]

By the way, I just tried it in IE and Chrome, and the issue is the same. So it’s not a browser issue.

[Laura]

Hello, you could just edit the background image and add the couple image to it so its all 1 image

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jwchameleoncorp]

Took your suggestion and did it. Was a little effort, but got it to work. Thanks! 🙂

[Laura]

Glad it worked 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jwchameleoncorp]

This reply has been set as private.

[Laura]

This reply has been set as private.

[Author]

Posts