How come my blog looks bad on Mac?

  • Unknown's avatar
    jaclynnsoet · Member ·

    I love the way my website looks on my PC… I’ve spent hours getting it to this point. I was very disappointed late last night when I saw it on a Mac and the colours, fonts and spacing was all out of wack.

    I am very new to CSS and not a technical person.

    Please help! :) Thank you

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    jaclynnsoet · Member ·

    were*

  • Unknown's avatar
    rachelmcr · Member ·

    Hi Jaclynn,

    I just took a look at your website on a Mac and it looks great to me. :) Can you please let me know what browser you used on the Mac to look at your site?

    If you can, it would also help it you could make a screenshot of what you see. You can upload screenshots to your Media Library under Media > Add New in your dashboard, or you can use an online service like Snaggy. That way I can see exactly what you’re seeing when you visit the website.

  • Unknown's avatar
    jaclynnsoet · Member ·

    Hi Rachel,

    Thank you so much for your reply!

    I was using Google Chorme on Mac.

    I was able to fix the banner spacing by making it smaller on my PC. The font on the banner is not Century Gothic like it is on my PC, the website background has a seam near the bottom on the Mac, and some of my links are blue instead of coral.

    I uploaded a few screen shots to my dashboard media (I think that is where you wanted me to put it?)

    Thank you again!

  • Unknown's avatar
    rachelmcr · Member ·

    Hi Jaclynn,

    Thanks for the explanation and screenshots! Let’s see if I can answer your questions. :)

    The font on the banner is not Century Gothic like it is on my PC

    Do you mean the font for your navigation menu (just below your header image)? I see that you added Custom CSS to define that font, but there are some limits to changing fonts that way. If the computer used to view your site doesn’t have that font installed, they won’t be able to see it. Instead, they will use a backup font — in your CSS, you set it up so it defaults to a serif font if Century Gothic isn’t available.

    Because of those limitations with CSS, we recommend using the Custom Fonts feature to change the fonts on your site instead.

    the website background has a seam near the bottom on the Mac

    This is the background image you’re using on the site:

    If you look at the site in a browser that’s larger than that image, the image will be repeated to fill the background space. Some images are designed to be repeated without any seams. If not, you’ll see a seam where the image repeats.

    some of my links are blue instead of coral

    Right now, you’re using this CSS to define link color:

    a:visited {
	color: #FF7F50 !important;
}

    The CSS selector a:visited means that color is only applied if you have already visited the link in your browser. You can change that to just a if you want the color to apply to all links on the page.

    Please let me know if you have any other questions about that. :)

  • Unknown's avatar
    jaclynnsoet · Member ·

    Rachel,

    Thank you so much! I have fixed the fonts and the color and I understand what I need to do for the background.

    Thank you again! :)

  • Unknown's avatar
    rachelmcr · Member ·

    You’re welcome! Just let me know if I can do anything more to help. :)

  • The topic ‘How come my blog looks bad on Mac?’ is closed to new replies.