Epik v1.5 text size

Do you have a link I can take a look at?

Which text are you looking to get changed?

If you look on line 150 in your style.css, you can change the size from 20px/2.0rem to 18px/1.8rem like this –

body > div {
    font-size: 18px;
    font-size: 1.8rem;
}

If you want to change the color to Gray in that section, look at line 2068 and change the color to #ccc –

.welcome {
    background: #303236;
    clear: both;
    color: #ccc;
    margin: 0 auto;
    text-align: center;
}

Since your Titles are h3 now (instead of h4) you can add this to have it look exactly like the previous version –

.welcome h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    line-height: 46px;
}

If you want to add more titles, like h2, h4, etc then you can add them in the same way as above….or you can group them all in together if you want.

Let me know if I missed anything or if you have any other questions.

Here’s what shows for me – https://i.imgur.com/jU3Tra8.png

The only thing I changed was the size and the color. I didn’t need to change the font weight.

BTW, which browser are you using?

I only added a font-size and color to the code I posted above – https://appfinite.com/topic/epik-v1-5-text-size/#post-22213 The font-weight is already 300 on my end so I didn’t need to add anything for it.

I’m using Chrome on a Mac, but I also checked other browsers as well and it still shows up at the same font-weight (300).

Even though it’s already showing up at 300 font-weight on my end, I guess you could still try and add it directly to the .welcome section in your CSS to see if that makes a difference on yours.

Make sure and click your reload button anytime you make a change to your CSS file so the changes/adjustments show up instantly on your browser…..(it clears the Browser Cache when you do this)

I’m researching what would cause the font-weight to show up differently on a PC. I’m sure there’s a quick solution, I just need to figure out what it is.

What if you add this to your body in the CSS – -webkit-font-smoothing: antialiased;

Which would look like this –

body {
	background-color: #fff;
	/*background-color: #f2f2f2;*/
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 1.625;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

Not sure if that will make a difference in the other browsers, but let’s start with Chrome first to see if something changes.

“Just a question, Which Mac are you using? if it’s an 11″ (or perhaps even 13″), it could be why it displays smaller for you, on my 15″ laptop it displays large, yet on the iPad it displays like your screenshot.”

I checked your site on multiple screen sizes and it still shows up the same. I’m currently viewing on a 23 inch monitor with a 13″ MBP. We also have a 24 inch iMac that I sometimes test with as well. I always make sure to resize the browser so I can see how different browser sizes will display the site.

The main body also looks great here on this link – http://www.tomweyers.com/about/ Just need to figure out what’s missing for PC