6 replies [Last post]
efpeterson
efpeterson's picture
Offline
Regular
Last seen: 6 years 4 weeks ago
Timezone: GMT-4
Joined: 2012-12-27
Posts: 20
Points: 29

Hi folks,

Working on the following site (http://tinyurl.com/myf8n7g) and I'm having a hard time with the featured images. We're using them as banners and are having a little bit of an issue. There are two issues:

1 - On Firefox, the banners are pushed all the way to the right of the screen and cannot be seen. My thoughts are that it's a z-index issue because the page titles are to the left in white. You can see this on Chrome

2 - In any browser on those pages you can see that the page title does not stay with the banner, but moves up and is not visible. Is there any way to keep it on top of the banner/feat image?

Any help would be greatly appreciated. I'm stumped.

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 4 years 7 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

Okay try this: In your

Okay try this:
In your style.css line 1947 find:

.entry-thumb img {
    max-width: 1080px !important;
}

and change it to:

.entry-thumb img {
    max-width: 1080px !important;
    position: absolute;
}

Now go to line 2009 and find:

.entry-content p {
}

and change it to:

.entry-content p {
margin-top: 140px;
}

now as last find line 1734 with code:

#sidebar {
    margin-bottom: 80px;
}

and change it to:

#sidebar {
    margin-bottom: 80px;
margin-top: 140px;
}

Let us know if this helped, atleast in my Firefox it looks good.

Check Maximum Webdesign for your online solutions

efpeterson
efpeterson's picture
Offline
Regular
Last seen: 6 years 4 weeks ago
Timezone: GMT-4
Joined: 2012-12-27
Posts: 20
Points: 29

Helldog, Thanks for the help!

Helldog,

Thanks for the help! The images are working great on Firefox, but unfortunately on most of the pages the titles are up by the logo. Not sure what's going on but you can see it here:http://tinyurl.com/lduuzrh

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 4 years 7 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

Okay try this: Find in your

Okay try this:
Find in your style.css on line 1952 the following code:

.entry-title {
	position:absolute;
	margin-top:35px;
 
}

and change it to:

.entry-title {
	position:absolute;
	margin-top:-90px;
 
}

Hope this solves your problem with Firefox, let us know if it solved it Smile

Check Maximum Webdesign for your online solutions

efpeterson
efpeterson's picture
Offline
Regular
Last seen: 6 years 4 weeks ago
Timezone: GMT-4
Joined: 2012-12-27
Posts: 20
Points: 29

Helldog, Thanks again. It

Helldog,

Thanks again. It seems like some pages are fixed and others are off. Not sure why because they are all calling for the same template. For example, the About pages look fine, but if you click on the Upcoming Events page, it's up by the logo.

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 4 years 7 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

Well I am sorry but I don't

Well I am sorry but I don't see the issue.
I have tested your website now in Firefox Mozilla, Internet Explorer 8, Internet Explorer 9, Internet Explorer 11 and tested it on Chrome but every website works excactly the same.

I have pressed all buttons available in the menu, and the images and header text seems to be in the correct position.

Have you tried cleaning your cache and history? then get back to your website and press F5.
Again, everything look fine over here Smile

Check Maximum Webdesign for your online solutions

efpeterson
efpeterson's picture
Offline
Regular
Last seen: 6 years 4 weeks ago
Timezone: GMT-4
Joined: 2012-12-27
Posts: 20
Points: 29

Thanks, Helldog. I managed to

Thanks, Helldog. I managed to fix it before you probably saw it in the condition I was writing about. It had something to do with the placement of the title call. Thanks so much for the help!