gehaktmolen

Silver, unfortunately yours didn’t work.

Pioneer, I used your code for each page, so

body.page-id-X .entry-title {max-width:XXXpx;}

and it works! I guess it’s not the official way, but it does its job.

Thanks both! 🙂

Thanks a lot for your reply! Unfortunately though nothing changes after changing “.site:before” into “.page-id-25 site:before”. This is my full child-CSS:

@media screen and (min-width: 1080px) {.site:before {width: 422px;}}

#secondary {width: 422px; padding-left:0;}

body.home .entry-title {
display: none;}

.page-id-25 #secondary {width: 838px;}

Markup, what’s that? Anyway, under you can find my child-theme CSS. All other files (php files and standard CSS) are unchanged, so apart from my child-theme CSS it’s totally the same as the standard twenty-eleven theme.

/*
 Theme Name:     Twenty Eleven Child
 Theme URI:      http://example.com/twenty-eleven-child/
 Description:    Twenty Eleven Child Theme
 Author:         John Doe
 Author URI:     http://example.com
 Template:       twentyeleven
 Version:        1.0.0
*/

@import url("../twentyeleven/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

#page		{margin-top:0px; font-family:Helvetica Neue; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-bottom:0; width:1024px;}
body		{font-family:Times; font-size:14px;}
#content	{width:500px; height:388px; opacity:1 !important; padding-left:30px;}
#primary	{height:579px; background:white !important;}
#access a	{color:#eeec73; font-size:15px; font-family:Helvetica Neue; width:67px; text-align:center; line-height: 7.333em; height:110px;}
#secondary 	{margin-top:-6px; margin-right:-4px; border-left:none; max-height:400px;}
#branding	{border-top:none;}
#branding img	{float:right;}
#supplementary {border-top:0;
padding: 1.325em 0%;
}

#site-generator		{text-align:left; border-top:0px; background: rgba(255, 255, 255, 0.1); width:990px; padding: 0.3em 0.3em;}
#site-generator a	{margin-left:10px; color:white; font-weight:400;}

/* Two Footer Widget Areas */
#supplementary.two .widget-area {
float: left;
margin-right: 3.7%;
width: 48.1%;}

#primary {margin: 0 -26.4% 0 0;
width: 61.9%;
}
#content {margin: 0 34% 0 0%;
width: 90%;
}
#secondary {margin-right: 0%;
width: 38.8%;
}

#secondary img {border:none; width:100%; height:579px;}

#access div 	{margin-left: 10px;}
#access img	{width:379px; height:95px; background:transparent; margin-top:9px; color:white; margin-right:20px;}

#access { background: transparent;
	clear: both;
	display: inline;
	float: left;
	margin:0;
	width: 1024px;
	height:110px;
	border-top:0;
	}   

#access li:hover > a,
#access a:focus {background: rgba(255, 255, 255, 0.1); color:white; font-weight:500;}
#access li:hover > a	{ background: rgba(255, 255, 255, 0.1); color:white; font-weight:300;}

#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a { background-color: rgba(255, 255, 255, 0.1); color:white; font-weight:300;}

.entry-title {	display: none;}

.hentry, .no-results {
    border-bottom: 0px solid #DDDDDD;}

/*/ Windows /*/

//#page {filter: alpha(opacity=10);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);}
//#primary, #secondary img, #site-generator 	{filter: alpha(opacity=100) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;}

The foundation of the website is from the Twenty-Eleven theme, I only made design changes in the child-theme CSS. It looks different, but it still functions the same as the Twenty-Eleven theme:)

[Content removed by poster]

I put

#access {background: none; box-shadow: none;}

in my CSS, but there will still be a white space behind the buttons. No change when l also add opacity to it. Could someone tell me how to get rid of this white thing so that I can see the background? Would be most appreciated! 🙂

[Moderator Note: No bumping. If it’s that urgent, consider hiring someone.]