Oldnema's Pizza Makeover ;)

Please post the URLs to pages, where you've made a CMSimple template available for download

Moderator: mikey

Post Reply
Nicky
Posts: 126
Joined: Sun Feb 08, 2009 9:50 am
Location: Antwerp

Oldnema's Pizza Makeover ;)

Post by Nicky » Sat Sep 15, 2018 12:44 pm

Hi there! I'm making over an older website (10 yrs), however still looking ok. Now we're making it responsive, but keep the look & feel as much as possible.

I started with Oldnema's Pizza template, one of some really awesome technical designs he made!

The template is almost ready, only the navigation, in the blue navbar (marked in red on the image), should have (another font also) but more space in between the different titles, so it's a little more spread out over the width of the template.

Tried to find it in the stylesheet, but no luck...

Stylesheet & great template comes from here -> http://oldnema.compsys.cz/demos/pizza/

Thanks in advance, and feel free to use my design for your own projects.
You do not have the required permissions to view the files attached to this post.

Nicky
Posts: 126
Joined: Sun Feb 08, 2009 9:50 am
Location: Antwerp

Re: Oldnema's Pizza Makeover ;)

Post by Nicky » Sat Sep 15, 2018 1:49 pm


frase
Posts: 2335
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Oldnema's Pizza Makeover ;)

Post by frase » Sat Sep 15, 2018 3:23 pm

Try this:

in stylesheet.css

Line 296

Code: Select all

#mainnav {
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;
	font: 90% Verdana, sans-serif; /*** changed Arial -> Verdana ***/
	margin: 0 10px;
}
Line 351:

Code: Select all

#mainnav a {
	display: block;
	color: #fff;
	text-decoration: none;
	width: auto;
	padding: .4em 1em; /*** changed .4em 0 -> .4em 1em ***/
	background-color: #EA4D00;
}

Nicky
Posts: 126
Joined: Sun Feb 08, 2009 9:50 am
Location: Antwerp

Re: Oldnema's Pizza Makeover ;)

Post by Nicky » Sun Sep 16, 2018 5:15 am

Super! Thanks very much! :D

Nicky
Posts: 126
Joined: Sun Feb 08, 2009 9:50 am
Location: Antwerp

Re: Oldnema's Pizza Makeover ;)

Post by Nicky » Wed Sep 26, 2018 1:01 pm

Everything going ok with the template, just a small detail that in can't figure out in the stylesheet. I guess it has something to do with the code 'ul' and/or 'ol', but don't know exactly how to make the second line indent so the bullet is outside and the text is lined up?
You do not have the required permissions to view the files attached to this post.

lck
Posts: 1380
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: Oldnema's Pizza Makeover ;)

Post by lck » Wed Sep 26, 2018 7:32 pm

Nicky wrote:
Wed Sep 26, 2018 1:01 pm
... but don't know exactly how to make the second line indent so the bullet is outside and the text is lined up?
stylesheet.css ~line 484

Code: Select all

ul li {
	/* list-style: inside disc; */
	margin-bottom: 7px;
	list-style: outside disc;
	margin-left: 1em; /* optional */
}
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

Post Reply