CMSimple_XH–Forum

Posted: **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.

Posted: **Sat Sep 15, 2018 1:49 pm**

Stylesheet : http://oldnema.compsys.cz/demos/pizza/t ... esheet.css

Posted: **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;
}

Posted: **Sun Sep 16, 2018 5:15 am**

Super! Thanks very much!

Posted: **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?

Posted: **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 */
}

CMSimple_XH–Forum

Oldnema's Pizza Makeover ;)

Oldnema's Pizza Makeover ;)

Re: Oldnema's Pizza Makeover ;)

Re: Oldnema's Pizza Makeover ;)

Re: Oldnema's Pizza Makeover ;)

Re: Oldnema's Pizza Makeover ;)

Re: Oldnema's Pizza Makeover ;)