The Core

Why We Are Here => Web Development => Topic started by: gm66 on May 05, 2016, 04:38:45 PM

Title: Website updated.
Post by: gm66 on May 05, 2016, 04:38:45 PM
Gave the site a small gloss-job, still basic. Must get some original photography done at some point :

http://smallseo.co.uk/

Used the Divi theme and builder, from elegant themes. Very good for rapid prototypes and plays well with WP plugins.
Title: Re: Website updated.
Post by: Rumbas on May 06, 2016, 07:48:43 AM
Nice and simple. I would consider using maybe a tad better images. Very stock.
Title: Re: Website updated.
Post by: gm66 on May 06, 2016, 08:23:58 AM
Yes would like to get some originals done.

Do you know of a place that sells less stocky looking ones ?
Title: Re: Website updated.
Post by: keano on May 06, 2016, 09:28:44 AM
I came across this site fairly recently - https://www.pexels.com/

For a free stock images site it has much better quality images than the other free repositories. Some are pretty decent. If you rummage around there you might find some images that would work for you.
Title: Re: Website updated.
Post by: gm66 on May 06, 2016, 10:29:49 AM
Thaks keano.
Title: Re: Website updated.
Post by: Rupert on May 07, 2016, 06:36:24 AM
love the logo :)

Can you tell if it converts better than the old one?
Title: Re: Website updated.
Post by: gm66 on May 08, 2016, 08:28:21 AM
Ye couldn't resist the logo :)

I don't do detailed analytics on my site so i don't know about the conversions.
Title: Re: Website updated.
Post by: littleman on May 09, 2016, 08:15:32 PM
I'd be curious to see how the site looks without justified word spacing.
Title: Re: Website updated.
Post by: ergophobe on May 09, 2016, 09:22:41 PM
>>justified

Easily done. Just right click, inspect and uncheck the text-align:justify in .et_pb_text_align_justified

http://prntscr.com/b25q3m

Which makes me think it would look much cleaner to me with a line height in the 1.3 range (currently you're at 23.8px for a 20px line, or about 1.19x line height. If you bump that to 1.3 I think you get a nicer look. That would be 26px, but it all depends on how you're stipulating your units).

http://prntscr.com/b25qt9
Title: Re: Website updated.
Post by: ergophobe on May 09, 2016, 09:27:51 PM
This might show it better - side by side
http://prntscr.com/b25t10
Title: Re: Website updated.
Post by: littleman on May 09, 2016, 09:34:11 PM
Those mods look good to me.
Title: Re: Website updated.
Post by: gm66 on May 10, 2016, 09:05:48 AM
I sized the text based on how it looks with default settings in all browsers.

Since C(ia)hrome is so popular these days i had to take that into account also, and it's default text size is very, very small.


Thanks,

Gary.
Title: Re: Website updated.
Post by: ergophobe on May 10, 2016, 07:27:04 PM
>>I sized the text

Littleman's comments and mine have nothing to do with the font size.

They have to do with line height and justification.
Title: Re: Website updated.
Post by: gm66 on May 11, 2016, 10:30:15 AM
Quote from: ergophobe on May 10, 2016, 07:27:04 PM
>>I sized the text

Littleman's comments and mine have nothing to do with the font size.

They have to do with line height and justification.

Yes it did look god non-justified but there's just something in me that ilkes it all square ;+}
Title: Re: Website updated.
Post by: gm66 on May 11, 2016, 12:08:31 PM
Quote from: littleman on May 09, 2016, 08:15:32 PM
I'd be curious to see how the site looks without justified word spacing.

Done, does look better.
Title: Re: Website updated.
Post by: gm66 on May 11, 2016, 12:09:43 PM
Quote from: ergophobe on May 09, 2016, 09:27:51 PM
This might show it better - side by side
http://prntscr.com/b25t10

You're right that looks much better, will look into the options to change.


Thanks for advice chaps :)
Title: Re: Website updated.
Post by: gm66 on May 11, 2016, 12:18:36 PM
Quote from: ergophobe on May 09, 2016, 09:22:41 PM
>>justified

Easily done. Just right click, inspect and uncheck the text-align:justify in .et_pb_text_align_justified

http://prntscr.com/b25q3m

Which makes me think it would look much cleaner to me with a line height in the 1.3 range (currently you're at 23.8px for a 20px line, or about 1.19x line height. If you bump that to 1.3 I think you get a nicer look. That would be 26px, but it all depends on how you're stipulating your units).

http://prntscr.com/b25qt9

Thanks Erg, were you using a default pixel size of 16 ?
Title: Re: Website updated.
Post by: ergophobe on May 11, 2016, 02:01:37 PM
I don't remember which machine I was on when I took those screenshots, but I believe it was the desktop which is all standard browser and OS defaults. No user stylesheet

Again, it's a proportions thing. I don't know what your underlying styling is, but these days most things are SASS and so they are stipulated as some unit and converted every which way.

My change in the screenshot is achieved simply by adding a rule like this

.et_pb_text_align_left {
    line-height: 1.3;
}
Title: Re: Website updated.
Post by: gm66 on May 11, 2016, 02:51:00 PM
Thanks, that equates to about 1.7em which is what it's currently at.

I'll play with it later until it looks like your example, does look smarter.