#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2013
    Posts
    2
    Rep Power
    0

    Banner is shrinking no matter how large my file is


    Hi,

    I have been trying to get my header logo larger but no matter what size I make the file, it is resized smaller. Can anyone help with getting the banner larger? I need the font to show up larger. Thanks!

    @import url(//fonts.googleapis.com/css?family=Playfair+Display:400italic,400);

    /* * * NORMAL * * */
    @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-reg.eot');
    src: url('../fonts/montserrat-reg.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat-reg.svg') format('svg'),
    url('../fonts/montserrat-reg.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    }
    /* * * BOLD * * */
    @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-bold.eot');
    src: url('../fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat-bold.svg') format('svg'),
    url('../fonts/montserrat-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    }

    /*****************************
    * * GLOBALS * *
    *****************************/

    h1 {
    color: #000;
    font-size: 36px;
    font-weight: normal;
    }

    h2 {
    color: #000;
    font-size: 24px;
    font-weight: normal;
    }

    h3 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    }

    h4, h5, h6 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    }

    p {
    color: #555;
    font-size: 12px;
    line-height: 1.55;
    }

    a {
    color: #545454;
    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    -ms-transition: color 0.1s linear;
    transition: color 0.1s linear;
    }

    a:hover {text-decoration: underline;}

    /*****************************
    * * WRAPS * *
    *****************************/

    body {
    background: #16181c;
    color: #545454;
    font-family: Montserrat, sans-serif !important;
    font-size: 12px;
    margin: 0;
    padding: 0;
    }

    .pageWrap {
    background: #fff;
    overflow: hidden;
    }

    /*****************************
    * * HEADER * *
    *****************************/

    .headerWrap {
    background: #000;
    min-height: 106px;
    }

    header {
    height: 150px;
    margin: 0 auto;
    position: relative;
    width: 1002px;
    }

    /*****************************
    * * LOGO * *
    *****************************/

    #display_homepage_title a {
    background: url(../images/template/header_bg.jpg) no-repeat 0 center;
    display: block;
    text-align: left;
    float:left;
    text-indent: -9999px;
    width: 650px;
    padding:0;
    height:250px;
    }

    #display_homepage_title a#homepage_title {
    background: none;
    color: #fff;
    font-size: 27px;
    font-weight: 700;
    line-height: 3.7;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    top: auto;
    width: 650px;
    height:150px;
    overflow: hidden;
    }

    /*****************************
    * * SHOPPING CART * *
    *****************************/

    .cartWrap {
    color: #484848;
    font-size: 12px;
    position: absolute;
    width: 34px;
    height: 28px;
    right: 14px;
    top: 23px;
    }

    .cartWrap:hover {
    color: #f5a34e;
    }

    .cartWrap a.cart {
    background: url(../images/template/cart.png) no-repeat 0 0;
    color: #484848;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

    .cartWrap a.cart span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/template/cart.png) no-repeat right 0;
    opacity: 0;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear;
    }

    .cartWrap a.cart:hover span {
    opacity: 1;
    }
    #display_cart_summary, .cartsummary_full, .cartsummary_empty {display: inline;}
    #display_cart_summary a {display: none !important;}

    /*****************************
    * * SEARCH * *
    *****************************/

    .search {
    position: absolute;
    right: 61px;
    top: 26px;
    }

    .search .input {
    background: url(../images/template/search-submit.png) no-repeat right 0;
    display: block;
    color: #9b9b9b;
    font: 13px/27px Montserrat, Georgia, "Times New Roman", serif;
    height: 27px;
    padding: 0 38px 0 12px;
    text-align: left;
    width: 0;
    border-radius: 15px;
    border: none;
    text-indent: 2px;
    }

    .search .input:focus {
    box-shadow: 0 0 1px 2px rgba(255,255,255,0.3);
    color: #fff;
    }

    .search .input:focus,
    .search .input:hover {
    width: 172px;
    background-color: #2c2f30;
    }

    .search .input:hover::-webkit-input-placeholder,
    .search .input:focus::-webkit-input-placeholder {
    color: #9b9b9b;
    }
    .search .input:hover:-moz-placeholder,
    .search .input:focus:-moz-placeholder {
    color: #9b9b9b;
    }
    .search .input:hover::-moz-placeholder,
    .search .input:focus::-moz-placeholder {
    color: #9b9b9b;
    }
    .search .input:hover:-ms-input-placeholder,
    .search .input:focus:-ms-input-placeholder {
    color: #9b9b9b;
    }

    .search span {
    display: none;
    width: 37px;
    height: 27px;
    background: url(../images/template/search-submit.png) no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 0;
    }

    .search .input:focus + span {background-position: right 0;
    }

    .search .submit {
    display: none;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    height: 27px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 37px;
    text-indent: -9999px;
    }

    /*****************************
    * * SOCIAL * *
    *****************************/

    span.socialText {
    margin-left: 25px;
    }

    .social {
    }

    .social a {
    background: url(../images/template/social-sprite.png) no-repeat 0 0;
    display: block;
    height: 14px;
    padding-left: 20px;
    line-height: 14px;
    position: relative;
    }

    .social span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    background: url(../images/template/social-sprite.png) no-repeat 0 0;
    opacity: 0;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
    }
    .social a:hover span {opacity: 1;}

    .social a.fb {background-position: 0 0;}
    .social a.fb span {background-position: 0 -44px;}

    .social a.tw {background-position: 0 -22px;}
    .social a.tw span {background-position: 0 bottom;}

    /*****************************
    * * NEWSLETTER SIGN-UP * *
    *****************************/

    .elist {
    position: relative;
    }

    .elist .input {
    background: #fff;
    display: block;
    border: none;
    background: #2c2f30;
    color: #9b9b9b;
    font: 11px/30px Montserrat, Georgia, "Times New Roman", serif;
    height: 30px;
    padding: 0 80px 0 12px;
    text-align: left;
    width: 183px;
    border-radius: 15px;
    }

    .elist .input:hover,
    .elist .input:focus {
    color: #fff;
    box-shadow: 0 0 1px 2px rgba(255,255,255,0.3);
    }

    .elist .input:hover::-webkit-input-placeholder,
    .elist .input:focus::-webkit-input-placeholder {
    color: #9b9b9b;
    }
    .elist .input:hover:-moz-placeholder,
    .elist .input:focus:-moz-placeholder {
    color: #9b9b9b;
    }
    .elist .input:hover::-moz-placeholder,
    .elist .input:focus::-moz-placeholder {
    color: #9b9b9b;
    }
    .elist .input:hover:-ms-input-placeholder,
    .elist .input:focus:-ms-input-placeholder {
    color: #9b9b9b;
    }

    .elist .submit {
    display: block;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 80px;
    line-height: 30px;
    }

    /*****************************
    * * TOP NAVIGATION * *
    *****************************/

    .topNav {
    min-height: 50px;
    width: 1002px;
    margin: 0 auto;
    clear:both;
    }

    /*****************************
    * * LEFT NAVIGATION * *
    *****************************/

    .pageWrap.leftNavOn .leftNav {
    display: block;
    }

    .leftNav {
    display: none;
    float: left;
    width: 180px;
    color: #000;
    }

    .leftNav .menuTitle {
    background: url(../images/template/leftnav-border.png) no-repeat 0 bottom;
    margin: 20px 0 4px;
    padding: 2px 0 5px 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
    }

    .leftNav .menuTitle:first-child {
    margin-top: 0;
    padding-top: 0;
    }

    .leftNav .menuTitle:empty {
    display: none;
    }

    /* PROMOTION */

    #display_promotions_999 {
    margin: 20px 0;
    padding: 0;
    text-align: center;
    width: 100%;
    }

    #display_promotions_999 .promo {margin: 0 auto 10px;}

    /*****************************
    * * CONTENT * *
    *****************************/

    .content {
    margin: 45px auto 70px;
    width: 1002px;
    }

    .pageWrap.leftNavOn #content_area {
    float: right;
    padding: 0 !important;
    width: 807px;
    }

    #content_area {
    width: 1002px;
    }

    #content_area table {
    text-align: left;
    }

    /*****************************
    * * FOOTER * *
    *****************************/

    footer {
    color: #484848;
    font-size: 11px;
    margin: 0 auto;
    padding: 50px 0;
    width: 1002px;
    }

    footer a {
    color: #484848;
    }

    footer a:hover {
    color: #fff;
    text-decoration: none;
    }

    footer ul {
    display: block;
    list-style: none;
    margin: 0 0 0 25px;
    padding: 0;
    float: left;
    }

    footer ul.one {
    margin-left: 0;
    width: 162px;
    }
    footer ul.two {width: 182px;}
    footer ul.three {width: 152px;}
    footer ul.four {width: 130px;}
    footer ul.five {
    float: right;
    width: 275px;
    }

    footer ul.five .title {text-indent: 5px;}

    footer li {
    line-height: 1.25;
    padding: 3px 0;
    }

    footer .title {
    display: block;
    margin-bottom: 12px;
    font-size: 12px;
    color: #b4b9bf;
    text-transform: uppercase;
    letter-spacing: .1em;
    }

    /*****************************
    * * COPYRIGHT * *
    *****************************/

    .copyright {
    color: #606061;
    font-size: 11px;
    margin: 0 auto 25px;
    padding: 18px 0;
    text-align: right;
    width: 1002px;
    }

    .copyright a {
    color: #606061;
    }

    .copyright a:hover {
    color: #fff;
    text-decoration: none;
    }

    .copyright img {
    display: block;
    float: left;
    }

    .copyright img.ssl {margin: -8px 15px 0 0;}
    .copyright img.ccards {margin-top: -5px;}

    #please_wait_div img {
    float: none;
    }
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Location
    Nebraska, USA
    Posts
    862
    Rep Power
    275
    Showing us all of your CSS with no HTML to go with it does nobody any good.

    Its like showing somebody a wheel with no vehicle there..and asking someone to put the wheel on.

    If you have a live site, please post your URL in the form of www. example .com so we have an idea of what you are talking about...otherwise, please post your HTML and use the [ CODE ][ /CODE ] tags (without the spaces).
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2013
    Posts
    2
    Rep Power
    0
    Sorry

    Code:
    <!DOCTYPE html>
    <html dir="ltr" lang="en-US">
    <head>
    	<title></title>
    	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,width=1120" name="viewport">
    	<meta id="v65-layout-mode" data-cart="storedot" data-checkout="storedot" data-use-simplified-checkout="true">
    	<meta id="v65-logo-dimensions" data-height="96" data-width="227">
    	<link href="v/vspfiles/templates/246/css/Imports.css" rel="stylesheet">
    	<!--[if lt IE 9]>
    	<script src="v/vspfiles/templates/246/js/html5shiv.js"></script>
    	<![endif]-->
    	<script src="v/vspfiles/templates/246/js/dtk_min.js"></script>
    	<script>DTK.loadCSS("246");</script>
    </head>
    
    <!-- #################### FREE TEMPLATE INFO District-LM-AM-07302013 #################### -->
    
    <body>
        <noscript id="no-js-notice">
    	    To take full advantage of this site, please enable your browser's JavaScript feature.
    	    <a href="http://launchpad.volusion.com/kb_results.asp?ID=42" target="_blank">Learn how</a>
        </noscript>
    
    	<!-- 
    	* * * * * * * * * *   N O T E   * * * * * * * * * * 
    	TO TURN LEFT NAV ON, ADD .leftNavOn TO .pageWrap 
    	E.G. <div class="pageWrap leftNavOn"> 
        -->
    
    	<div class="pageWrap">
    		<div class="headerWrap">
    			<header>
    				<div id="if_homepage">
    					<h1 id="display_homepage_title"><a href="Config_FullStoreURL" title=""></a></h1>
    				</div><!--if_homepage-->
    
    				<div id="if_not_homepage">
    					<div id="display_homepage_title"><a href="Config_FullStoreURL" title=""></a></div>
    				</div>
    
    				<div class="cartWrap">
    					<a class="cart" href="/shoppingcart.asp"><span></span></a>
    					<span data-v-anchor="cart"></span>
    				</div>
    
    				<div class="search">
    					<form action="/SearchResults.asp" method="get" name="SearchBoxForm">
    						<input type="text" name="Search" class="input transition">
    						<span></span>
    						<input type="submit" name="Submit" class="submit" value="">
    					</form>
    				</div>
    			</header>
    
    			<div class="topNav">
    				<nav id="display_menu_1" class="menu"></nav>
    			</div>
    		</div> <!-- .headerWrap -->
    
    		<div id="if_homepage">
    <!-- BEGIN HOMEPAGE -->
    <div class="homepage" data-v-edit-region="Homepage Main">
    	<link href="v/vspfiles/templates/246/css/homepage.css" rel="stylesheet">
    
    	<div class="main">
    		<div class="textWrap">
    			<div class="textInner" data-v-edit-region="Main Text">
    				<span class="smallText">All products. on sale. through Christmas</span> <br>
    				<span class="largeText">Sale <em>of The</em> Season</span> <br>
    				<a href="/productslist.asp" class="button">View all Products</a>
    			</div>
    		</div>
    	</div> <!-- .main -->
    </div>
    <!-- END HOMEPAGE -->
    		</div><!--if_homepage-->
    
    		<div class="content clear">
    			<aside class="leftNav">
    				<div class="menuTitle" style="color:Menu2_Title_TextColor; background-color:Menu2_Title_BgColor;">Menu2_Title</div>
    				<nav id="display_menu_2" class="menu"></nav>
    
    	            <div class="menuTitle" style="color:Menu3_Title_TextColor; background-color:Menu3_Title_BgColor;">Menu3_Title</div>
    				<nav id="display_menu_3" class="menu"></nav>
    	            
    	            <div class="menuTitle" style="color:Menu4_Title_TextColor; background-color:Menu4_Title_BgColor;">Menu4_Title</div>
    	            <nav id="display_menu_4" class="menu"></nav>
    	            
    				<!--
    	            <div class="menuTitle" style="color:Menu5_Title_TextColor; background-color:Menu5_Title_BgColor;">Menu5_Title</div>
    	            <nav id="display_menu_5" class="menu"></nav>
    	            
    	            <div class="menuTitle" style="color:Menu6_Title_TextColor; background-color:Menu6_Title_BgColor;">Menu6_Title</div>
    	            <nav id="display_menu_6" class="menu"></nav>
    	            
    	            <div class="menuTitle" style="color:Menu7_Title_TextColor; background-color:Menu7_Title_BgColor;">Menu7_Title</div>
    	            <nav id="display_menu_7" class="menu"></nav>
    	            
    	            <div class="menuTitle" style="color:Menu8_Title_TextColor; background-color:Menu8_Title_BgColor;">Menu8_Title</div>
    	            <nav id="display_menu_8" class="menu"></nav>
    	            -->
    
    				<div id="display_promotions_999"></div>
    			</aside> <!-- .leftNav -->
    			
    			<div id="content_area">
    
    			</div> <!-- #content_area -->
    		</div> <!-- .content -->
    	</div> <!-- .pageWrap -->
    
    	<footer class="clear">
    		<ul class="one" data-v-edit-region="Company">
    			<li class="title">Company</li>
    		    <li><a href="/terms_privacy.asp" title="Privacy Policy">Privacy Policy</a></li>
    		    <li><a href="/terms.asp" title="Terms and Conditions">Terms &amp; Conditions</a></li>
    		    <li><a href="/pindex.asp" title="Product List">Product List</a></li>
    		    <li><a href="/cindex.asp" title="Category List">Category List</a></li>
    		</ul>
    
    		<ul class="two" data-v-edit-region="Customers">
    			<li class="title">Customers</li>
    			<li><a href="/help.asp" title="Frequently Asked Questions">FAQ / Help</a></li>
    		    <li><a href="/articles.asp?ID=57" title="Shipping Policy">Shipping &amp; Deliveries</a></li>
    		    <li><a href="/returns.asp" title="Returns Policy">Returns &amp; Exchanges</a></li>
    		</ul>
    
    		<ul class="three" data-v-edit-region="Account">
    			<li class="title">Account</li>
    		    <li><a href="/myaccount.asp" title="My Account">My Account</a></li>
    		    <li><a href="/login.asp" title="Login">Login</a> / <a href="/register.asp" title="Register">Register</a></li>
    		    <li><a href="/orders.asp" title="Order Status">Order Status</a></li>
    		</ul>
    
    		<ul class="four social" data-v-edit-region="Connect">
    			<li class="title">Connect</li>
    			<li><a href="https://www.facebook.com/simpleXpressions" class="fb" target="_blank"><span></span>Facebook</a></li>
    			<li><a href="https://twitter.com/sxpressions" class="tw" target="_blank"><span></span>Twitter</a></li>
    		</ul>
    
    		<ul class="five" data-v-edit-region="Newsletter Text">
    			<li class="title">Mailing List Sign-Up</li>
    			<div class="elist">
    				<form name="MailingList" method="post" action="/MailingList_subscribe.asp">
    					<input type="text" class="input transition" name="emailaddress" placeholder="Email address">
    					<input type="submit" name="Submit" class="submit" value="Submit">
    				</form>
    			</div>
    		</ul>
    	</footer>
    	
    	<div class="copyright">
    		<a href="javascript:void(0);" onclick="window.open('https://www.volusion.com/ssl.asp?url=www.simplexpressions.com', 'VolusionSSL', 'top=10,left=10,menubar=0,resizable=0,scrollbars=0,width=467,height=467')"><img src="v/vspfiles/templates/246/images/template/vsecure.png" class="ssl" alt=""></a>
    
    		<img src="v/vspfiles/templates/246/images/template/cc.png" class="ccards" alt="">
    
    		<!-- VOLUSION LINK - BEGIN
    		Customer has agreed per Volusion's Terms of Service (http://www.volusion.com/agreement_monthtomonth.asp) to maintain a text hyperlink to "http://www.volusion.com" in the footer of the website. The link must be standard html, contain no javascript, and be approved by Volusion. Removing this link breaches the Volusion agreement. -->
    		<a href="/terms.asp">Copyright &copy; <span class="insertYear">2013</span>. All Rights Reserved.</a>
    <span id="if_homepage">
            	Shopping Cart Powered by <a href="http://www.volusion.com" title="Shopping Cart Software" target="_blank">Volusion</a>.
            </span>
    
            <span id="if_not_homepage">
            	Shopping Cart Powered by <a href="http://www.volusion.com" title="Shopping Cart Software" target="_blank" rel="nofollow">Volusion</a>.
            </span>
    		
    	</div> <!-- .copyright -->
    </body>
    </html>

IMN logo majestic logo threadwatch logo seochat tools logo