Monday, October 14, 2019 3:13:03 PM

insert banner in to gift lite

7 years ago
#164 Quote
Hi
  
How do I insert a header banner which is 960 px wide and 80 px high under the links, (log in and out, cart, wishlist, administration etc).
When I put the banner in as

a.logo{background:url("images/tattoo-header.jpg") repeat scroll 0 0 transparent;display:block;height:80px;text-decoration:none;width:960px;}

the links, log in etc appear below the banner.

many thanks
0
7 years ago
#165 Quote
[[email protected]]Hi
  
How do I insert a header banner which is 960 px wide and 80 px high under the links, (log in and out, cart, wishlist, administration etc).
When I put the banner in as

a.logo{background:url("images/tattoo-header.jpg") repeat scroll 0 0 transparent;display:block;height:80px;text-decoration:none;width:960px;}

the links, log in etc appear below the banner.

many thanks
http://www.tattoo-school-thailand.com
0
7 years ago
#168 Quote
Hello,
Please don't place banner into logo block. Open Themes/../Views/Shared/Header.cshtml and insert <div class="my-header-banner"></div>. Also add .my-header-banner class to styles.css

Your,
N-Theme Team
0
Thank you for choosing our products!
7 years ago
#170 Quote
Hi thanks for the replay. I am new to css and not understanding what I should do.
I have put in head.cshtml

@using Nop.Web.Framework;
<link href="@Html.ResolveUrl("~/Themes/GiftsLite/Content/styles.css")" rel="stylesheet" type="text/css" />
@*<link href="@Html.ResolveUrl("~/Themes/GiftsLite/Content/menu.css")" rel="stylesheet" type="text/css" />*@

<div class="images/tattoo-header.jpg"></div>

and in style.css and I dont get the image. Please help

/* MASTER HEADER */
.header
{
    background: #fff;    
    height: 133px;
<div class="images/tattoo-header.jpg"></div>

}


.header .icon{vertical-align:bottom;}
.header .ico-register{padding-left:10px;padding-bottom:5px;}
.header .ico-login{padding-left:10px;padding-bottom:5px;}
.header .ico-logout{padding-left:10px;padding-bottom:5px;}
.header .ico-inbox{padding-left:10px;padding-bottom:5px;}
.header .ico-cart{padding-left:10px;padding-bottom:5px;}
.header .ico-wishlist{padding-left:10px;padding-bottom:5px;}
.header .ico-admin{padding-left:10px;padding-bottom:5px;}
.header-selectors-wrapper{text-align:right;float:right;width:500px;margin-top:-20px;clear:both}
.header-currencyselector{float:right;}
.header-languageselector{float:right;margin-right:5px}
.header-taxDisplayTypeSelector{float:right;}
.header-links-wrapper{float:right;text-align:right;width:700px;}
.header-links{display: inline-table;float: right;margin: 0px;}
.header-links ul{padding:0;margin:10;}
.header-links ul li{display: inline;list-style: none outside none; margin-left: 10px;}
.header-links a{color: #AF0304;text-decoration: none;}
.header-links a:hover{color:#AF0304;text-decoration:underline;}
.header-links a.account{color:#AF0304;}
.header-links span.impersonate{color:#E44097;font-weight:700;}
.header-links span.impersonate .finish-impersonation{color:#58DE81;}
0
7 years ago
#172 Quote
Hi,
Please note, you've edited head.cshtml and not header.cshtml
0
Thank you for choosing our products!
7 years ago
#173 Quote
Hi it's me again... There is no header.cshtml in giftslite theme. Found one in nopcommerce/view/shared/header.cshtml
Copied it over to gifts lite but does not work, nothing, naada.
This is what I have:-
Copied header.cshtml from nopcommerce/view/shared/header.cshtml


<div class="header">
    <div class="header-logo">
        <a href="@Url.RouteUrl("HomePage")" class="logo">&nbsp; </a>
    </div>
    <div class="header-links-wrapper">
        @Html.Action("HeaderLinks", "Common")
    </div>
    <div class="header-selectors-wrapper">
        <div class="header-taxDisplayTypeSelector">
            @Html.Action("TaxTypeSelector", "Common")
        </div>
        <div class="header-currencyselector">
            @Html.Action("CurrencySelector", "Common")
        </div>
        <div class="header-languageselector">
            @Html.Action("LanguageSelector", "Common")
        </div>
        
        @Html.Action("WidgetsByZone", "Widget", new { widgetZone = Nop.Core.Domain.Cms.WidgetZone.HeaderSelectors })
    </div>
    <div class="images/tattoo-header.jpg"></div>
</div>

and my stayles.css in giftslite

/* MASTER HEADER */
.header
{
    background: #fff;    
    height: 90px;
    <div class="/images/tattoo-header.jpg"></div>
}

.header .icon{vertical-align:bottom;}
.header .ico-register{padding-left:10px;padding-bottom:5px;}
.header .ico-login{padding-left:10px;padding-bottom:5px;}
.header .ico-logout{padding-left:10px;padding-bottom:5px;}
.header .ico-inbox{padding-left:10px;padding-bottom:5px;}
.header .ico-cart{padding-left:10px;padding-bottom:5px;}
.header .ico-wishlist{padding-left:10px;padding-bottom:5px;}
.header .ico-admin{padding-left:10px;padding-bottom:5px;}
.header-logo{margin-top:5px;float:left;text-align:left;}
a.logo  {background:url("images/logo.png") repeat scroll 0 0 transparent;display:block;height:64px;text-decoration:none;width:177px;}
.header-selectors-wrapper{text-align:right;float:right;width:500px;margin-top:-20px;clear:both}
.header-currencyselector{float:right;}
.header-languageselector{float:right;margin-right:5px}
.header-taxDisplayTypeSelector{float:right;}
.header-links-wrapper{float:right;text-align:right;width:700px;}
.header-links{display: inline-table;float: right;margin: 10px;}
.header-links ul{padding:0;margin:0;}
.header-links ul li{display: inline;list-style: none outside none; margin-left: 10px;}
.header-links a{color: #AF0304;text-decoration: none;}
.header-links a:hover{color:#AF0304;text-decoration:underline;}
.header-links a.account{color:#AF0304;}
.header-links span.impersonate{color:#E44097;font-weight:700;}
.header-links span.impersonate .finish-impersonation{color:#58DE81;}

Thanks for the help
0
7 years ago
#174 Quote
Please copy Header.cshtml file from nopcommerce root/Views/Shared folder into Themes/../Views/Shared folder.
Edit it (your file in theme folder has more priority)
0
Thank you for choosing our products!
7 years ago
#175 Quote
Hi and thanks for the reply but if you read what I put in the last post I said I have copied it over but still does not work. I posted the code for inspection.
Regards Martin


0
7 years ago
#176 Quote
[email protected] wrote:
Hi and thanks for the reply I have copied it over but still does not work. I posted the code for inspection, please, please help.
Regards Martin


0
We have something for you :)