2 replies [Last post]
crestana
crestana's picture
Offline
Regular
Last seen: 5 years 28 weeks ago
Timezone: GMT-3
Joined: 2014-05-09
Posts: 11
Points: 13

Hi good people of the forum .... I'm a new member here ...

I need some help.

I'm changing the layout of a webstore that gives us a theme, I managed to change most of the style on the css file but I couldn't take out the rest of a brown bar (left and right).

I'll post the whole code and the image so .... if someone could help me !!!

/*
Autor: Store
Responsabilidade:
- Cuidar do layout
- Sobrepor regras basicas da loja
*/

/* escreva seu css aqui */

/*REDEFININDO ESTRUTURA*/
.store {
background:url(http://resources.rakuten.com.br/Assets/flaviocrestana.loja.rakuten.com.br/images/layout/woodtheme/bg_main-08-05-214.gif) 0 0 repeat;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#fff;
}

.store .container {
width:960px;
margin:0 auto;
position:relative
}

/*HEADER*/
.store #header { background:url(http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_header_caterory_bg.gif) repeat-x 0 bottom; }

.store #header .container {
height:142px;
overflow: visible;
z-index:3
}

/* logo */
.store .logo { position:absolute; left:8px; top:28px; }

.store .logo a {
padding:0;
margin:0;
}

.store .logo a:hover {
filter:alpha(opacity=80);
opacity: 0.8
}

/* search */
.store .search {
position:absolute;
right:12px;
top:32px;
height:35px;
background:url(http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_busca-header-input.gif) 0 0 no-repeat;
}

.store .search label { display:none }

.store .search input {
float:left;
width:303px;
padding:10px 0 0 18px;
border:none;
background:none transparent;
color:#000;
font-family:arial;
font-size:12px; font-weight:normal;}

.store .search a { float:left; display: block; width:97px; height:35px; padding:0 0 0 0; margin:0 0 0 0; background:url(http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_bt-buscar.gif) 0 0 no-repeat; text-indent:-9999px; }

/*CATEGORIAS*/
.store #header .nav-horizontal {
background:url(http://resources.rakuten.com.br/Assets/flaviocrestana.loja.rakuten.com.br/images/layout/woodtheme/head1.gif)repeat;
bottom:0;
display:block;
position:absolute;
width:100%

}

.store #header .nav-horizontal li {
background:url(http://resources.rakuten.com.br/Assets/flaviocrestana.loja.rakuten.com.br/images/layout/woodtheme/head.jpg) 0 0 no-repeat;
float:left;
padding-left:1px

}

.store #header .nav-horizontal li:first-child {
background:none;
padding-left:0
}

.store #header .nav-horizontal li a {
border:none;
color:#DEDAD4;
font-size:13px;
font-weight:bold;
height:44px;
line-height:44px;
margin:0;
padding:0 10px;
text-decoration:none;
}

.store #header .nav-horizontal li a:hover,
.store #header .nav-horizontal li.selected a {
background:none;
filter:alpha(opacity=80);
opacity: 0.8
}

.store .nav-horizontal ul ul {
background:#202020;
border:1px solid #443E34;
padding: 0 10px;
}

.store #header .nav-horizontal li li {
background:none;
border-top:1px solid #443E34;
float:none;
}

.store #header .nav-horizontal li li:first-child { border-top:none; }

.store #header .nav-horizontal li li a {
height:auto;
line-height:normal;
font-weight:normal;
display:block;
padding:8px 5px
}

/* content */
.store .main .container {
border:0px solid #BBB3A6;
background:#020202 url(http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_bodyRow_esq3.png) -1px 0 repeat-y;
overflow: hidden;
padding:0 0 20px
}

.store.page-product .main .container {
background:none
}

/* lateral esquerda*/
.store-aside,
.store .aside {
float:left;
width:205px;
background:none;
margin-right:1px;
padding:14px 0 0 0
}

.store .aside { padding-top: 0 }

.store .aside .box,
.store .aside .block {
background-color:transparent;
border:none;
}

.store .aside .block { padding-top:15px; }
.store .aside .block:first-child { padding-top:0; }

.store .block ul > li > .child { font-size:12px; }

.store .nav-vertical { background:none;}

.store .nav-vertical li {
padding:0 0 5px 7px;
margin-bottom:10px;
}

.store .nav-vertical li,
.store .block {
background:url(http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_main-nav-li.gif) 0 bottom repeat-x
}

.store .nav-vertical li a,
.store .nav .block:first-child .title,
.store .block .title {
display:block;
margin-bottom:8px;
color:#22a3c3;
font-family:georgia;
font-size:13px;
font-weight:bold;
padding:0 0 0 14px;
background:url(http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_ico-cat-nav.gif) 0 3px no-repeat;
text-decoration:none;
}

.store .nav .block:first-child .title,
.store .block .title {
background:url(http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_ico-cat-nav.gif) 10px 3px no-repeat;
border-bottom:none;
padding-left:25px
}

.store .nav .block:first-child .title {
padding-top:10px;
background-position: 10px 10px;
}

.store .nav-vertical li a:hover {
background:url(http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_ico-cat-nav.gif) 0 3px no-repeat;
text-decoration:underline
}

.store .nav-vertical ul li ul {
background:none;
padding:0 6px 0 19px;
position: relative;
visibility: visible;
}

.store .nav-vertical li ul li {
padding:0;
margin-bottom:6px;
background:none
}

.store .nav-vertical li ul li a {
color:#000;
font-family:arial;
font-size:12px;
font-weight:normal;
padding:0;
background:none
}

.store .nav-vertical li ul li a:hover { background:none; }

.store-aside .banner {
margin:0 auto;
width:165px;
}

/*MIOLO*/
.store .content {
overflow:hidden;
background:#020202;
opacity:80%
}

.store .banner .nivo-controlNav a {
background:url(http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_webPartHeaderContainer.gif) repeat-x scroll 0px -25px;
border: 1px solid #6e614a;
padding: 5px;
min-width: 26px;
text-align: center;
margin-bottom: 5px;
}

.store .banner .nivo-controlNav a.active {
font-weight: bold;
background: #6e614a;
border: 1px solid #FFF;
color: #FFF;
}

/* banners */
.store .banner { margin-bottom:0; }

/* produto */
.store .container-product .title {
background:url(http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_webPartHeaderContainer.gif) repeat-x scroll 0 0 transparent;
border-bottom:none;
color:#6e614a;
font-family:Georgia;
height:44px;
line-height:44px;
font-style:italic;
font-weight:normal;
font-size:24px;
margin-bottom:20px;
padding-left:15px;
padding-bottom:5px
}

.store .container-product { font-family:arial,verdana,sans-serif; }

.store .container-product ul {
overflow:hidden;
padding-bottom: 15px;
text-align: left;
}

.store .list-products li {
background:url(http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_list-products-td.gif) no-repeat 0 center;
border-top:none;
margin-left:-1px;
}

.store .container-product .offers .sale,
.store .container-product .offers .sale strong {

font-size:15px;
font-weight:bold
}

.store .container-product .offers .sale,
.store .container-product .offers .sale strong,
.store .container-product .parcel strong {
color:#22a3c3
}

/*RODAPE*/
.store #footer { padding:15px 0 }

.store #footer .container {
background:#202020;
border:none solid #BDB5A6;
padding:20px 0px
}

.store #footer .container p { padding:0 15px; }

/* busca
---------------------------------------- */
.store .container .breadcrumb {
background:#fff;
border-bottom:1px solid #ccc;
margin-bottom:0;
padding:10px 0 10px 12px
}

.store .container .catalog .box {
border:none;
border-radius:0;
}

.store .nav .block:first-child .title, .store .block .title { border-top:none; }

.store .nav a:hover { text-decoration:underline }

/* produto */
.store.product .main .container { background-image:none; }

.store .content .header .show-results { height:33px }

.store #info-product { border:none; }

/* Institutional
---------------------------------------------*/
.store.institutional .container { background-image: none }

/* IMAGE 400X400 */
.store .container-product .product-image400 .hproduct,
.store .container-product .product-image400 .figure{
width: 212px;
height: 212px;
}

.store .product-image400 .photo{
width: 210px;
height:210px;
}

.store .product-image400 .figure a div{
padding: 0px;
width:212px;
background-color: #bc0001;
background-position: 42px 0px;
}

.store .container-product li .hproduct .details{
float: left;
}

/* ADJUST ON SEARCH */
.store .searchResult{
background-color: transparent;
}

.store .searchResult .banner-category{
margin-left: 25px;
width: 715px;
}

.store .searchResult .banner-category a,
.store .searchResult .banner-category img{
width: 715px;
}

.store .searchResult .show-results{
width: 260px;
}

.store .searchResult #list-products > li:last-child{
width: auto;
}

/* MAIN DIV */
.store .main .container {
background-color:: #fff;
}

.store .main {
width: 998px;
}

Image of the layout attached

AttachmentSize
Untitled-1.jpg552.93 KB
helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 3 years 19 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

You should probably use this

You should probably use this code:

/*HEADER*/
.store #header { background:url(<a href="http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_header_caterory_bg.gif" rel="nofollow">http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_header_caterory_bg.gif</a>) repeat-x 0 bottom; }

and make it look like this:

/*HEADER*/
.store #header { background:url(<a href="http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_header_caterory_bg.gif" rel="nofollow">http://resources.rakuten.com.br/Assets/rakutentemplates.loja.rakuten.com.br/images/layout/woodtheme/wo_header_caterory_bg.gif</a>) repeat-x 0 bottom; display: none; }

This will make sure the brown bar will leave and will shove up the background you used here.
Let us know if it did the trick.

Cheers, Henk

Check Maximum Webdesign for your online solutions

crestana
crestana's picture
Offline
Regular
Last seen: 5 years 28 weeks ago
Timezone: GMT-3
Joined: 2014-05-09
Posts: 11
Points: 13

Thanks Helldog

Thanks a lot Helldog ,

I have triyed and it didn't work out.
But anyway I changed my whole layout for an easier to edit theme!

thanks for your help