Hello,
Sorry, but following that link seemed to give me a page without any CSS or something. Didn’t look pretty on Firfox on a Mac
Oh yeah, that’s another thing. How come my page looks fine on Google Chrome, but looks messed up on Firefox?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re having browser compatibility issues with Chrome and Firefox then it sounds like something is wrong with the structure of your webpages. Run each webpage that has the issue through the W3C Validator: http://validator.w3.org/ – Look out for errors regarding the structure of the page, i.e. unclosed elements, elements that have been unnecessarily closed, incorrect nesting of elements.
You’re writing that heading (h2) text over a background image so to keep it within the orange, which is 615px wide, the heading text will have to be <615.
You could set the width (and remove that margin-right). But to make sure the text doesn’t wrap into 2 lines, pushing the other text out of the banner, you’ll need to make that heading text smaller. So, for instance, this works:
.header-banner {
color: #075788;
font-weight: 100;
font-size: 28px;
/* margin-right: 35px; */
float: right;
margin-bottom: 0px;
width: 600px;
}
Can’t say this is a good solution, but it should get it done.
(P.S. The Firefox issue is separate so maybe start a separate forum post — but it definitely seems like Firefox is not applying your theme’s styles, even tho the theme’s styles.css is loading.)
Firefox does not seem to like this section at the top of the style.css of the theme:
@font-face {
font-family: 'curtain-callregular';
src: url(http://sdcassociates.com/assets/font/ccall-webfont.eot');
src: url('http://sdcassociates.com/assets/font/ccall-webfont.eot') format('embedded-opentype'),
url('http://sdcassociates.com/assets/font/ccall-webfont.woff') format('woff'),
url('http://sdcassociates.com/assets/font/ccall-webfont.ttf') format('truetype'),
url('http://sdcassociates.com/assets/font/ccall-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
try to add it via a custom CSS plugin.
btw:
work with a child theme for the customization rather than editing the theme directly.
Thank you all very much. This is all out of my league so I will probably end up hiring someone. Thank you again.
Please try one of the following sites:
This topic has now been closed as per the Forum Rules
