WordPress.org

Ready to get started?Download WordPress

Forums

Header image centered AND background color to expand the width of the page? (7 posts)

  1. genevish-graphics
    Member
    Posted 4 years ago #

    Hi all! New here and another theme customization issue-
    I am customizing the Centivio theme - I have changed what is called the "header" image (even thought it is below the navigation bar), and I need ti to be centered as it is WITH a background color repeating across the full width of the page. I thought it was possible but I am running into the fact that I am no WP designer and I have not been able to figure this thing out!
    The header div is set to a specific width to fit the page, but I need the color on either side of it to expand the FULL width of the visitors screen, does that make sense? Any help would be greatly appreciated! The CSS stylesheet is as follows:

    /*  
    
    Theme Name: Centivio
    Theme URI: http://www.templatesquare.com/
    Description: Centivio is clean web 2.0 style template for business, company and corporate website. This theme comes with 10 color version for you can easily choose the color base on your business brand.
    Version: 1.3
    Author: templatesquare
    Author URI: http://www.templatesquare.com/
    Tags: two-columns, fixed-width, threaded-comments, sticky-post, white, blue, black, green
    */
    
    /* Begin Typography & Colors */
    .thread-alt{background-color: #f8f8f8;}
    .thread-even {background-color: white;}
    .depth-1{border: 1px solid #ddd;}
    .even, .alt {border-left: 1px solid #ddd;}
    
    small {
    	font-family:Tahoma, Arial, Verdana;
    	font-size: .9em;
    	line-height: 1.5em;
    	}
    
    .sticky {
    	background: #f7f7f7;
    	padding: 0 10px 10px;
    	}
    
    .sticky h2 {padding-top: 10px;}
    
    .commentlist li, #commentform input, #commentform textarea {
    	font: 0.9em Tahoma, Arial, Verdana;
    	}
    
    .commentlist li ul li {font-size: 1em;}
    
    .commentlist li {font-weight: bold;}
    
    .commentlist li .avatar {
    	float: right;
    	border: 1px solid #eee;
    	padding: 2px;
    	background: #fff;
    	}
    
    .commentlist cite, .commentlist cite a {
    	font-weight: bold;
    	font-style: normal;
    	font-size: 1.1em;
    	}
    
    .commentlist p {
    	font-weight: normal;
    	line-height: 1.5em;
    	text-transform: none;
    	}
    
    #commentform p {
    	font-family: Tahoma, Arial, Verdana;
    	}
    
    .commentmetadata {
    	font-weight: normal;
    	}
    
    code{
    	font-family:Tahoma, Arial, Verdana;
    	letter-spacing:1px;
    	margin:25px 0 25px 0px;
    	display:block;
    	font-size:0.9em;
    	border-left:4px solid #dddddd;
    	padding:15px 10px;
    	}
    
    acronym, abbr, span.caps{
    	font-size: 0.9em;
    	letter-spacing: .07em;
    	}
    
    #wp-calendar #prev a, #wp-calendar #next a {
    	font-size: 9pt;
    	}
    
    #wp-calendar a {
    	text-decoration: none;
    	}
    
    #wp-calendar caption {
    	font: bold 1.3em Tahoma, Arial, Verdana;
    	text-align: center;
    	}
    
    #wp-calendar th {
    	font-style: normal;
    	text-transform: capitalize;
    	}
    /* End Typography & Colors */
    
    /*	Begin Headers */
    h1, h2, h3, h4, h5 {margin:0px 0px 15px 0px; font-family:Garamond, Tahoma, Arial, Verdana;	font-weight:normal;}
    h1 {font-size:28px; line-height:30px;}
    h2 {font-size:26px; line-height:28px;}
    h3 {font-size:18px; line-height:20px;}
    h4 {font-size:16px; line-height:18px;}
    h5 {font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}
    /* End Headers */
    
    /* Begin Images */
    p img {
    	padding: 0;
    	max-width: 100%;
    	}
    
    /*	Using 'class="alignright"' on an image will (who would've
    	thought?!) align the image to the right. And using 'class="centered',
    	will of course center the image. This is much better than using
    	align="center", being much more futureproof (and valid) */
    
    img.centered {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	}
    
    img.alignright {
    	padding: 4px;
    	margin: 0 0 2px 7px;
    	display: inline;
    	}
    
    img.alignleft {
    	padding: 4px;
    	margin: 0 7px 2px 0;
    	display: inline;
    	border:solid 1px #d1d1d1;
    	}
    
    .alignright {
    	float: right;
    	}
    
    .alignleft {
    	float: left;
    	}
    /* End Images */
    
    /* Begin Lists
    
    	Special stylized non-IE bullets
    	Do not work in Internet Explorer, which merely default to normal bullets. */
    
    .entry li ol,
    .entry li ul
    {
    	margin-bottom:0;
    	margin-top:0;
    }
    .entry li ol{list-style:decimal;}
    
    .entry{padding:10px 0px;}
    
    .entry ul li:before, #sidebar ul ul li:before {
    	}
    
    .entry ul{margin:0px 0 30px 30px;}
    
    .entry ol {
    	padding: 5px 0 20px 35px;
    	margin: 0;
    	}
    
    .entry ol li {
    	margin: 0;
    	padding: 0;
    	}
    
    #sidebar ul, #sidebar ul ol {
    	margin: 0;
    	padding: 0;
    	}
    
    #sidebar ul li, .sidebar_footer ul li {
    	list-style-type: none;
    	list-style-image: none;
    	margin-bottom: 30px;
    	}
    
    #sidebar ul p, #sidebar ul select {
    	margin: 0px 0 0px;
    	}
    
    #sidebar ul ul, #sidebar ul ol {
    	margin: 0px 0 0 0px;
    	}
    
    #sidebar ul ul ul, #sidebar ul ol {
    	margin: 0 0 0 0px;
    	}
    
    ol li, #sidebar ul ol li {
    	list-style: decimal outside;
    	}
    
    #sidebar ul li a, #sidebar ul li a:visited{color:#9d0031; font:14px Garamond, serif;
                    font-weight:bold;
                    }
    #sidebar ul li a:hover{text-decoration:underline;}
    #sidebar ul ul li li, .sidebar_footer ul ul li li{margin:0px; border:none;}
    #sidebar ul ol{margin:0px; padding:0px 0px 0px 0px;}
    
    #sidebar ul ol li {
    	margin: 0px 0 0;
    	padding: 0 0px 8px 10px;
    	}
    
    #sidebarbox ul, #sidebarbox ul ol {
    	margin: 0;
    	padding: 0;
    	}
    
    #sidebarbox ul li {
    	list-style-type: none;
    	list-style-image: none;
    	margin-bottom: 30px;
    	}
    
    #sidebarbox ul p, #sidebarbox ul select {
    	margin: 0px 0 0px;
    	}
    
    #sidebarbox ul ul, #sidebarbox ul ol {
    	margin: 0px 0 0 0px;
    	}
    
    #sidebarbox ul ul ul, #sidebarbox ul ol {
    	margin: 0 0 0 0px;
    	}
    
    #sidebarbox ul ol li {
    	list-style: decimal outside;
    	}
    
    #sidebarbox ul li a, #sidebarbox ul li a:visited{color:#fff; font:12px Garamond, serif;}
    #sidebarbox ul li a:hover{text-decoration:underline;}
    #sidebarbox ul ul li li{margin:0px; border:none;}
    #sidebarbox ul ol{margin:0px; padding:0px 0px 0px 0px}
    
    #sidebarbox ul ol li {
    	margin: 0px 0 0;
    	padding: 0 0px 8px 10px;
    	}
    
    /* End Entry Lists */
    
    /* Begin Form Elements */
    #searchform {
    	margin: 0px auto;
    	padding:0px;
    	}
    
    #sidebar #searchform{text-align:center;}
    
    #sidebar #searchform #s {
    	width: 108px;
    	padding: 2px;
    	}
    
    #sidebar #searchsubmit {
    	padding: 1px;
    	}
    
    .entry form { /* This is mainly for password protected posts, makes them look better. */
    	text-align:center;
    	}
    
    select {
    	width: 130px;
    	}
    
    #commentform input {
    	width: 170px;
    	padding: 2px;
    	margin: 5px 5px 1px 0;
    	}
    
    #commentform {
    	margin: 5px 10px 0 0;
    	padding:0px 0px 0px 2px;
    	}
    #commentform textarea {
    	width: 100%;
    	padding: 2px;
    	}
    #respond:after {
    		content: ".";
    	    display: block;
    	    height: 0;
    	    clear: both;
    	    visibility: hidden;
    	}
    #commentform #submit {
    	margin: 0 0 5px auto;
    	}
    /* End Form Elements */
    
    /* Begin Comments*/
    .alt {
    	margin: 0;
    	padding: 10px;
    	}
    
    .commentlist {
    	padding: 0;
    	text-align: justify;
    	}
    
    .commentlist li {
    	margin: 15px 0 10px;
    	padding: 5px 5px 10px 10px;
    	list-style: none;
    
    	}
    .commentlist li ul li {
    	margin-right: -5px;
    	margin-left: 10px;
    	}
    
    .commentlist p {
    	margin: 10px 5px 10px 0;
    	}
    .children { padding: 0; }
    
    #commentform p {
    	margin: 5px 0;
    	}
    
    .nocomments {
    	text-align: center;
    	margin: 0;
    	padding: 0;
    	}
    
    .commentmetadata {
    	margin: 0;
    	display: block;
    	}
    /* End Comments */
    
    /* Begin Sidebar */
    #sidebar{padding:0px 0 0px 0;margin:0px;}
    #sidebar form {margin: 0;}
    /* End Sidebar */
    
    /* Begin Calendar */
    #wp-calendar {
    	empty-cells: show;
    	margin: 10px auto 0;
    	width: 100%;
    	}
    
    #wp-calendar #next a {
    	padding-right: 10px;
    	text-align: right;
    	}
    
    #wp-calendar #prev a {
    	padding-left: 10px;
    	text-align: left;
    	}
    
    #wp-calendar a {
    	display: block;
    	}
    
    #wp-calendar caption {
    	text-align: center;
    	width: 100%;
    	}
    
    #wp-calendar td {
    	padding: 3px 0;
    	text-align: center;
    	}
    
    #wp-calendar td.pad:hover { /* Doesn't work in IE */
    	background-color: #fff; }
    /* End Calendar */
    
    /* Begin Various Tags & Classes */
    acronym, abbr, span.caps {
    	cursor: help;
    	}
    
    acronym, abbr {
    	border-bottom: 1px dashed #999;
    	}
    
    blockquote {
    margin: 15px 30px 0 10px;
    	padding:0px 0px 10px 30px;
    	background-image:url(images/quote_top.png);
    	background-position:left top;
    	background-repeat:no-repeat;
    	font-family: Garamond, serif;
    	font-size: 18px;
    	font-style: italic;
    	font-weight: normal;
    	}
    
    blockquote cite {
    	margin: 5px 0 0;
    	display: block;
     	}
    
    .center {
    	text-align: center;
    	}
    
    .hidden {
    	display: none;
    	}
    
    .screen-reader-text {
         position: absolute;
         left: -1000em;
    }
    
    a img {
    	border: none;
    	}
    
    .navigation {
    	display: block;
    	text-align: center;
    	margin-top: 0px;
    	margin-bottom: 20px;
     	}
    
    .navigation .alignleft a, .navigation2 .alignleft a,
    .navigation .alignright a, .navigation2 .alignright a{border:solid 1px #e2e2e2; padding:6px; float:left; }
    /* End Various Tags & Classes*/
    
    /* Captions */
    .aligncenter,
    div.aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    img.aligncenter{border:solid 1px #ccc; padding:6px; margin-bottom:10px; background-color:#fff}
    
    .wp-caption {
    	border: 1px solid #ddd;
    	text-align: center;
    	background-color: #f3f3f3;
    	padding-top: 4px;
    	margin: 10px;
    }
    
    .wp-caption img {
    	margin: 0;
    	padding: 0;
    	border: 0 none;
    }
    
    .wp-caption p.wp-caption-text {
    	font-size: 11px;
    	line-height: 17px;
    	padding: 0 4px 5px;
    	margin: 0;
    }
    /* End captions */
    
    /* WIDGET */
    .ctbox{padding:6px;}
    .ctbox ul{list-style-type:none; padding:0px; margin:0px;}
    .ctbox ul li{list-style-type:none; padding:0px; margin:0px;}
    
    /* ------------------------------------------------------ For Frame ------------------------------------------------*/
    html,body{height:100%}
    body {
    	font-family:Tahoma, Arial, Verdana;
    	font-size:12px;
    	margin:0 auto;
    	padding:0;
    	color:#4c4c4c;
    	height:100%;
    	line-height:18px;
    }
    .clr{clear:both}
    a img{border:none}
    .imgleft{float:left; padding-right:12px;}
    .imgright{float:right; padding-left:12px;}
    hr {
    	border: 0;
    	color: #dedede;
    	background-color: #dedede;
    	height: 1px;
    	margin:10px 0px 6px 0px;
    	padding:0px;
    }
    
    form{margin:0; padding:0;}
    
    * {
    	margin:0;
    	padding:0;
    }
    *:focus {
    	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
    					 if you want to keep it! */
    }
    p{margin:0px 0px 12px 0px; text-align: justify;}
    /*** CENTERCOLUMN ***/
    #centercolumn{width:980px; margin:0px auto 0px auto;}
    /*** END OF CENTERCOLUMN ***/
    
    #header{height:320px; width:980px; background-image:url(images/bg_header.gif); background-repeat:no-repeat;
           }
    #header_content{padding:14px 0px 0px 0px;}
    
    #header_cu3er{height:320px; width:980px; background-image:url(images/bg_header.gif); background-repeat:no-repeat;}
    
    /*** FRONTPAGE SLIDESHOW ***/
    #slides_container{height:303px; width: 399px; background-image:url(images/bg_slides_container.png); background-repeat:no-repeat; background-position: center; float:left;}
    .pics { height: 272px; width: 364px; margin:13px 0px 0px 18px; overflow: hidden }
    .pics img { height: 272px; width: 364px;}
    /*** END OF FRONTPAGE SLIDESHOW ***/
    
    /*** TOP ***/
    #top{ height:235px; width:980px; }
    #logo{ margin-left:auto; margin-right:auto; }
    #logo h1{font-size:44px; line-height:46px; margin-bottom:5px;}
    #pad_logo{ padding:10px 0px 0px 20px;}
    #logo_image{ padding:20px 0px 0px 0px;}
    #contact{background-image:url(images/bg_contact.gif); width:248px; height:98px; float:right; margin-top:18px;}
    #contact ul{margin:0px; padding:0px 0px 0px 15px;}
    #contact ul li{list-style-type:none; padding:5px 31px;}
    #contact ul li a, #contact ul li a:visited{color:#444444; text-decoration:none;}
    #contact ul li.url{background-image:url(images/icon_lcd.png); background-repeat:no-repeat; background-position:0 8px;}
    #contact ul li.mail{background-image:url(images/icon_email.png); background-repeat:no-repeat; background-position:0 8px;}
    #contact ul li.phone{background-image:url(images/icon_phone.png); background-repeat:no-repeat; background-position:5px 4px;}
    #topmenu{width:980px; float:left; height:90px;}
    
    /* Top Navigation bar menu styling */
    
    #nav {
    		width: 100%;
                    float: left;
    		margin: 32px 0 0 0;
    		padding: 0;
    		list-style: none;
    
    }
    #nav ul {
        list-style: none;
        width: 980px;
        margin: 0 auto;
        padding: 0; }
    
    	#nav li {
    		float: left;
    		font:18px Garamond, serif;
                    font-weight:bold;
                    text-transform:uppercase;
    	        list-style: none;
    		}
    	#nav li a {
    		display: block;
    		padding: 10px 40px;
    		text-decoration: none;
    		font-weight: bold;
    		color: #fff;
    		border-right: 1px solid #d91c52; }
    	#nav li a:hover {
    		color: #fff;
    		background-color: #d91c52; }
    
    /*** END OF TOP ***/
    
    /*** CONTENT ***/
    #content{width:980px;}
    #padding_content{ padding:60px 0px 30px 0px; float:left}
    #maincontent{ padding:0px 0px 0px 0px;}
    
    /* main */
    #main{width:640px; float:left;}
    #mainfull{width:auto;}
    #maintext{padding:0px 30px 20px 20px}
    #maintext_portfolio{padding:0px 0px 0px 0px}
    .boxtop{ width:270px; float:left; padding:0px 0px 0px 0px;}
    .spacer{width:50px; float:left; display:block; height:100px;}
    h2.pagetitle{margin:0px 0px 8px 0px; text-transform:capitalize;}
    .title h2{margin:0px 0px 8px 0px; font-size:22px;}
    .title h3{margin:0px 0px 8px 0px;}
    .post{margin-bottom:20px;}
    .searchresult .entry{padding:0px 0px 10px 0px;}
    .searchresult .post{margin-bottom:8px;}
    .portfolio-image{width:286px; height:187px; float:left;}
    .portfolio-image img{border:solid 1px #d1d1d1; padding:5px 5px;}
    .sidebar_header_home h1{color:#4c4c4c !important;}
    /*** PORTFOLIO ***/
    .boxite{
    	width: 298px;
    	height:187px;
    	float: left; /*leave this value alone*/
    	position:relative;
    	margin:12px 12px;
    }
    
    * html .boxite{margin:6px 6px;}
    .boxmeta{
    	height:60px;
    	width:288px;
    	padding:5px 5px 0px 5px;
    	display: none;
    	position:absolute;
    	top:129px;
    	overflow: hidden;
    	z-index: 20;
    	left:6px;
    	background-image:url(images/glow.png);
    	background-repeat:repeat;
    	margin:0px 0px 0px 0px;
    }
    * html .boxmeta{background-image:none; background-color:#565656;}
    .boxmeta p{color:#ffffff; margin:0px;}
    .boxmeta a, .boxmeta a:visited{color:#ededed; text-decoration:underline;}
    .boxmeta h4{color:#ffffff; font-size:12px; font-weight:bold; margin:0px !important;}
    #sidebar_portfolio ul{margin:0px auto; padding:0px; list-style-type:none;}
    #sidebar_portfolio ul ul{margin:0px auto; padding:0px; list-style-type:none; background-image:url(images/bg_shadow.gif); background-repeat:no-repeat; background-position:center bottom; height:60px; width:400px; text-align:center}
    #sidebar_portfolio ul li li{margin:0px 8px 0px 0px; padding:0px 0px 0px 10px; list-style-type:none; display:inline;}
    /* side */
    #side{width:323px; float:left;}
    .sidebox{  padding:0px 10px 10px 0px;}
    .contentbox{padding:10px 18px 30px 18px;}
    .contentbox h2, .contentbox p{color:#fff;}
    .side_bg{
    	background-image:url(images/bg_sideglow.gif);
    	background-repeat:no-repeat;
    	background-position:top left;
    	min-height:282px;
    	padding:0px 0px 0px 27px;
    }
    * html .side_bg{height:282px;}
    .sidebox blockquote{margin:0px !important; padding:0px  !important; background-image:url(images/quote_top.png); background-repeat:no-repeat;}
    .sidebox blockquote div{background-image:url(images/quote_bottom.gif) ; background-position:right bottom ; background-repeat:no-repeat; padding:30px 8px 30px 8px;}
    
    .sidetext{padding:0px 20px 0px 27px;}
    .but{vertical-align:middle;}
    * html .but{vertical-align:top; margin-top:2px;}
    .inputbox01{width:205px; border:0px; vertical-align:middle; padding:4px 4px 6px 3px; color:#fff; background-image:url(images/bg_input_src.png); background-repeat:no-repeat; margin-right:5px; background-color:transparent;}
    #newsletter fieldset{border:0px;}
    /*** END OF CONTENT ***/
    
    /*** FOOTER ***/
    #footer{ width:980px; margin:0px auto; color:#fff !important;}
    #footer a, #footer a:visited{color:#fff; text-decoration:none;}
    #foot a:hover{text-decoration:underline;}
    
    /*** CONTENT BOTTOM ***/
    #content_bottom{min-height:215px; width:980px; margin:0 auto;}
    .box_bottom{width:290px; float:left; padding:20px 0px 0px 0px}
    .separator_box{float:left; width:40px; height:100%;}
    .box_bottom, .box_bottom p{color:#fff}
    .box_bottom ul li a, .box_bottom ul li a:visited{color:#fff; text-decoration:none;}
    .box_bottom ul li a:hover{text-decoration:underline !important;}
    ul.listimg{list-style-type:none; margin:0px; padding:0px;}
    ul.listimg li{background-image:none; padding:0px 8px 4px 0px; border-bottom:none; display:inline; float:left;}
    .sidebar_footer ul{list-style-type:none; padding:0px; margin:0px;}
    .sidebar_footer h2{color:#fff; font-size:18px;}
    
    .sidebar_footer ul ul li {
    list-style-type:none; border-bottom:solid 1px #e6e6e6; padding:8px 10px; margin:0px;}
    
    #twitter{
    	background-image:url(images/bg_twitter.png);
    
    	background-repeat:no-repeat;
    	width:303px;
    	height:140px;
    }
    
    #twitter p{
    	padding:5px 23px 10px 10px;
    	font-size:11px;
    	font-family:Tahoma, Arial, Verdana;
    }
    #twitter_update_list li {
    	list-style-type: none;
    	padding:5px 23px 10px 10px;
    	margin:0px !important;
    	font-size:11px;
    	font-family:Tahoma, Arial, Verdana;
    	text-align:left !important;
    }
    
    /*** END OF CONTENT BOTTOM ***/
    #foot_copyright{
    	margin:20px 0px 0px 0px;
    	padding:10px 0px 10px 0px;
    	text-align:center;
    	color:#fff;
    
    }
    #foot_copyright a, #foot_copyright a:visited{color:#fff;}
    #foot_copyright a:hover{text-decoration:underline;}
    /*** END OF FOOTER ***/
    
    /*****Forms*****/
    form{margin:0; padding:0; font-family:Tahoma, Arial !important;}
    fieldset{border:0px;}
    .screenReader { left: -9999px; position: absolute; top: -9999px; }
    .thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; }
    
    #contactForm{}
    #contactForm ol.forms { float: left; list-style: none; margin: 0; width: 100%; }
    #contactForm ol.forms li {
    	clear: both;
    	float: left;
    	margin-bottom: 18px;
    	position: relative;
    	width: 100%;
    	list-style-type:none;
    }
    ol.forms label {
    	cursor: pointer;
    	display: block;
    	font-weight:normal;
    	padding:0px 20px 3px 0px;
    	width: 100px;
    }
    ol.forms input{
    background-image:url(images/inputbox.gif); width:280px; background-repeat:no-repeat; padding:5px 5px 11px 5px; margin:0px; border:0px;}
    ol.forms textarea {background-image:url(images/bg_textarea.gif); background-repeat:no-repeat; border:0px; width:388px; height:111px; margin:0px; padding:8px;  font-family:Tahoma, Arial !important; font-size:12px;}
    ol.forms li.buttons button {
    background-image:url(images/but_submit.png); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:69px; height:26px; cursor:pointer; float:right; margin-right:190px;}
    
    ol.forms input:focus, ol.forms textarea:focus {border-color: #ff9800; border:0px; }
    .error { color: #f00; }
    ol.forms li .error { font-size: 10px; margin-left:0px; }
    ol.forms li.textarea .error {
    	display: block;
    	position: absolute;
    	right: 0;
    	top:80px;
    	width:auto;
    }
    ol.forms li.screenReader { margin-bottom: 0; }
    ol.forms li.buttons button:hover { color: #222; }
    ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
    ol.forms li.buttons, ol.forms li.inline { float: right; width: 460px; }
    ol.forms li.inline input { width: auto; }
    ol.forms li.inline label { display: inline; float: none; width: auto; }

    The site can be viewed here

    Thank you WP Forum members!
    Emily Genevish
    http://www.genevish-graphics.com

  2. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    nothing to do with wordpress, just css.
    i would integrate it with
    http://lesfeesduberceau.com/wp-content/themes/centivio/style/black/bg_container_top.gif
    which already spans the whole body.

  3. genevish-graphics
    Member
    Posted 4 years ago #

    Perfection! Thank you so much - I am still learning CSS unfortunately! Thank goodness for places like this and people like you to help! :)
    Do you think you could help me figure out how to place an image behind the area at the bottom - the text that says
    Les raisons de faire appel aux Fées Du Berceau:
    The only thing that I can figure out from the template is that the area is calling on a div class called .entry I have no clue how to get the image in there....What do you think? Thank you again for your help!!
    Emily Genevish

  4. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    at the moment this has the id #post-40 as the theme adds the post_id to the div that contains the post. however, it is just as wide as the grey line above, so adding a background might look weird.
    you could style it with some extra padding which would make the text area a liitle narrower: #post-40 {background: #123456 url(etc); padding:10px;}

  5. genevish-graphics
    Member
    Posted 4 years ago #

    Where is that css located? I don't see it in the style.css
    What I am trying to do is place a small image in the background of that area to draw more attention to it- that and I am changing the color of the hr to the same pink as the page....
    Thanks for the help!

  6. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    you need to create a new line in style.css

  7. genevish-graphics
    Member
    Posted 4 years ago #

    oh - hehe
    THANKS FOR THE HELP!
    What do think of my customization of the theme?
    Thanks to you it is shaping up quite well! 8)

Topic Closed

This topic has been closed to new replies.

About this Topic