• WordPress.com
  • Forums
  • Plans & Pricing
  • Log In
  • Get Started
  • WordPress Hosting
  • Domain Names
  • Website Builder
  • Create a Blog
  • Professional Email
  • Enterprise
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • Google Apps
  • WordPress.com Support
  • News
  • Website Building Tips
  • Business Name Generator
  • Logo Maker
  • Daily Webinars
  • Learn WordPress
Get Started
  • Sign Up
  • Log In
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • Domain Names
  • Website Builder
  • Create a Blog
  • Professional Email
  • Enterprise
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • Google Apps
Resources
  • WordPress.com Support
  • News
  • Website Building Tips
  • Business Name Generator
  • Logo Maker
  • Daily Webinars
  • Learn WordPress

WordPress.com forums

Get help with WordPress.com, the free blogging platform, and the WordPress.com apps.

Premium Theme Support Nudge Themes Perle Changing Logo Code

Changing Logo Code

  • lanceschaubert · Member · March 22, 2019 at 7:37 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hey there —

    I need to change the CSS code for my custom logo, but I can’t find it in the header section. I want basically to insert this code:

    Replacing Code in Your Header

    Next you’re going to need to replace some code in your header.php file. (Appearance > Editor > Header – header.php)

    The easiest way to look for this code is to search for a unique part of it, the part that looks like the following:

    img src=

    The “img src=” bit tells you the “image source.” That’s not the only part you will need to replace, but that should lead you to the section you need to replace.

    The complete section you need to replace is going to vary by theme. When I search for “img src=” in the default Twenty Eleven theme, for example, I find this:

    <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />

    I am going to want to replace that whole section with some new code. Here’s the MODEL of the new code (you will still need to change some of this):

    
    <img src="https://path_to_images/header_<?php echo(rand(1,5)); ?>.jpg" width="image_width" height="image_height" alt="image_alt_text" />

    …among other things.

    The blog I need help with is: (visible only to logged in users)

  • nudgedesign · Theme Author · March 25, 2019 at 2:33 pm
    • Copy link Copy link

    Hi!

    The theme’s code is not accessible on WordPress.com. It looks like the instructions you found are for a self-hosted version of WordPress. If you’re not sure what the difference is, here’s an article that explains it: https://en.support.wordpress.com/com-vs-org/

    If you need to do any changes CSS changes you’ll need to have a Premium account to do so. Here’s some information on that.
    https://wordpress.com/pricing/

    I hope that helps!

  • The topic ‘Changing Logo Code’ is closed to new replies.

Tags

  • code
  • CSS
  • Custom Logo
  • header image

About this topic

  • In: Perle
  • 2 participants
  • 0 reply
  • Last activity 4 years
  • Latest reply from lanceschaubert
Advertisment

WordPress.com

WordPress.com WordPress.com Logo

Products

  • WordPress Hosting
  • Domain Names
  • Website Builder
  • Create a Blog
  • Professional Email
  • P2: WordPress for Teams
  • Enterprise Solutions
  • Built By WordPress.com

Features

  • Overview
  • WordPress Themes
  • WordPress Plugins
  • Google Apps

Resources

  • WordPress.com Support
  • WordPress Forums
  • WordPress News
  • Website Building Tips
  • Business Name Generator
  • Logo Maker
  • Daily Webinars
  • Learn WordPress
  • Developer Resources

Company

  • About
  • Partners
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users

Language

Mobile Apps

  • Download on the App Store
  • Get it on Google Play

Social Media

  • WordPress.com on Twitter Twitter Icon
  • WordPress.com on Facebook Facebook Icon
  • WordPress.com on Instagram Instagram Icon
  • WordPress.com on YouTube Youtube Icon
An Automattic contraption
Work With Us
    • Premium Theme Support
    • Customize
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions