• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WriteNowDesign - Wordpress and Ecommerce Website Design

WordPress, Joomla, Ecommerce Website Design

  • Home
  • Prices/Packages
  • WordPress
  • Services
  • Portfolio
  • Blog
  • About
    • Testimonials
    • Locations
    • Online Payment
  • Contact
  • Show Search
Hide Search

Call 303-907-6133 Email

How to Modify Genesis Search Results Page

Genesis Add Logo Image to Header

July 2, 2013 by Pat Fortino

  • If your theme does not have a logo.png file, open your theme’s style.css and search for title-area.
  • Add the following css:
    background: url(images/logo.png) no-repeat left top;

    You might need to adjust the title-area rule to match the width and height of your logo image. See the example below.

    #title-area {
    	font-family: 'PT Sans', sans-serif;
    	font-weight: 700;
    	float: left;
    	padding: 16px 0;
    	padding: 0;
    	width: 291px;
    	height: 83px;
    	background: url(images/logo.png) no-repeat left top;
    	margin: 5px 0 0 15px;
    }
  • Copy of your logo.png file to the images folder in your theme’s folder; for example,
    /wp-content/themes/mytheme/images
  • Now you logo should appear in the header. You can make adjustments to the title-area rules to fit the logo; for example, adjust the padding, margin, width, or height.
  • Pages: Page 1 Page 2

    Tagged With: genesis, Comments are closed. If you have information to share, contact me here.

    Previous Post: « Genesis 2.0 Change Featured Image Alignment
    Next Post: Joomla 2.5 Can’t Change Menu Item Order »

    Related

    Primary Sidebar

    Blog Categories

    Call Today

    Get a Free Quote

    303-907-6133

    Subscribe to News

    News about WordPress, WooCommerce, & Technology

    What’s New

    • WPForms Not Sending Notifications
    • Add Terms and Conditions WooCommerce
    • Fix WordPress AMP Validation Errors
    • Use the Classic Editor with Gutenberg Block Editor
    • Add a Message at Top or Bottom of WooCommerce Checkout Page
    • How to Link to a PDF in WordPress

    Find Us On…

    • Facebook
    • LinkedIn
    • RSS

    Call 303-907-6133 Email

    © 2004–2023 · WriteNowDesign · Sitemap · Log in · Return to Top