Recent Topics
  1. b2evolution CMS Support Forums
  2. b2evolution Support
  3. Templates, skins, XHTML and CSS
  4. Tweak my new skin

Tweak my new skin

1 May 11, 2009 07:57    

My b2evolution Version: Not Entered

Hi guys,

This could be to much to ask but I give it a go anyway.

In my blog www.pinkvn.com I got a picture in the headers top right. The picture is normally much bigger but the skin settings are for a smaller pic.

is there a possibility to make this picture a bit bigger? and how?

ideally I would cut the two pink lines, that run from left to right in the header, from the point where the picture begins. The picture would be able to cover the open white space from top to bottom.

To much to ask?

All help will be appreciated

Jean

Back to top

2 May 11, 2009 10:07

The image is 106px high so simply add height:106px; to your CSS file style.css

div.pageHeader {
	margin: 0 1ex;
	padding: 0;
	background-image: url(rsc/img/gear.png);
	background-repeat: no-repeat;
	background-position: right center;
       height:106px;
	/* border: 1px solid #f00; */
}
and also play with the margins/paddings in the following..
.widget_core_coll_title h1 {
	font-size: 250%;
	font-weight: bold;
	margin-top: 12px 0 12px;
	padding: 0;
	color: #CD3D7F;
}

.widget_core_coll_tagline {
	letter-spacing: 4px;
	padding: 20px 0 3px 0;
	font-size: 109%;
}

*edit*
/me adds code tags :|

¥

Back to top

3 May 11, 2009 17:39

did some tweaking and learned some interesting things

Tnx

Back to top


Form is loading...