Posted 2 months ago #
I would like to replace the text "Site Title" with our logo on our site.
I tried this as advised by Paul, at first I could get the text to not appear, but no logo.
#site-title{
text-indent: -9999px;
background: transparent url(http://path/to/logo/image) no-repeat 0 0;
width: 100px; /* width of logo image */
height: 100px; /* height of logo image */
}
#site-title a {display: block; height: 100px; width:100px; /* same dimensions as #site-title */}
So, I am stuck.
Posted 2 months ago #
Where did you add that code?
Posted 2 months ago #
in the visual editor css
Posted 2 months ago #
Are you using Jetpack?
Posted 2 months ago #
No. Honestly not sure what JetPack is.
Posted 2 months ago #
Are you using a Child Theme?
Posted 2 months ago #
No. Just using the spine theme
Posted 2 months ago #
This is exaclty what I put in.
#site-title {
text-indent: -9999px;
background: transparent url(http://cruisingnw.com/?attachment_id=1786) no-repeat 0 0;
width: 280px; /* width of logo image */
height: 101px; /* height of logo image */
}
#site-title a {display: block; width:280px; height: 101px; /* same dimensions as #site-title */}
Posted 2 months ago #
Your CSS looks right, but I don't think you're entering it in the right place.
Download (and install) a Custom CSS Manager plugin and use its allocated section of the dashboard to hold your CSS modifications.
Posted 2 months ago #
ok, I'll try that. So remove it from where it is, and then put it in that?
Posted 2 months ago #
If it wasn't there originally, yes remove it and transfer it to the Custom CSS Manager section.
Posted 2 months ago #
ok, downloaded. Installed.
Entered into it. Saved. Same result.
Posted 2 months ago #
Thanks for the help by the way... would love to get this fixed!
Posted 2 months ago #
The path to your image is wrong.
Posted 2 months ago #
It should be something like
/wp-content/themes/yourThemeName/path-to-image/image.png
Posted 2 months ago #
oh, ok. i'll change that
Posted 2 months ago #
still not working.
Posted 2 months ago #
Try wrapping your URL in apostrophes or speech marks.
Posted 2 months ago #
Here is what I have now...
#site-title{
text-indent: -9999px;
background: transparent url(http://cruisingnw.com/wp-content/themes/spine/library/images/cruising nw.gif ) no-repeat 0 0;
width: 292px; /* width of logo image */
height: 105px; /* height of logo image */
}
#site-title a {display: block; height: 105px; width:292px; /* same dimensions as #site-title */}
Posted 2 months ago #
Try this
#site-title{
text-indent: -9999px;
background: transparent url('http://cruisingnw.com/wp-content/themes/spine/library/images/cruising nw.gif') no-repeat 0 0;
width: 292px; /* width of logo image */
height: 105px; /* height of logo image */
}
#site-title a {display: block; height: 105px; width:292px; /* same dimensions as #site-title */}
Posted 2 months ago #
still nothing
Posted 2 months ago #
This file;
http://cruisingnw.com/wp-content/uploads/2013/02/cruising-nw1.gif
Does not exist
Posted 2 months ago #
trying to figure out out to identify the correct
location.
Posted 2 months ago #
wha laaah!
not sure what i changed.
Thank you for your help!
Posted 2 months ago #
You changed this;
http://cruisingnw.com/wp-content/uploads/2013/02/cruising-nw1.gifTo this;
http://cruisingnw.com/wp-content/uploads/2013/02/Cruising-NW1.gif
Posted 2 months ago #
just the uppercase stuff does it ... lesson learned! Thank you!
Many thanks Andrew for sorting this out while I was asleep :)
Troy, I'm glad you managed to add your logo now, and thanks for hanging in there.
As a side note, a custom logo upload option is on my to do list
Posted 2 months ago #
Hi Paul,
I am trying to do the same thing, and i think i totally botched the code. This is what I have. I am in the "header.php" menu on, chosen from the right sidebar. I tried to follow your directions you gave the previous member, but I think i messed it up. Can you please help? I also downloaded the Custom CSS Manager Plug-In, but I didn't use it. Blah
I uploaded the image again that I want to use and here is the path:
http://localhost:8888/wordpress-1/wp-content/uploads/2013/03/Lugadathemelogoheader2.png'
The pixels are width 370px x height 70px
Can you please respond with how the code should look, from </head> on to the end part? I know i should have copied and paste, but I just knew it was going to work lol.
(it didn't, thank you! )
</head>
<body class="<?php hybrid_body_class(); ?>">
<?php get_template_part( 'menu', 'secondary' ); // Loads the menu-primary.php template. ?>
<div class="row">
<div class="twelve columns">
<div class="row">
<div class="seven columns">
<h1 id= 'site title'
#site-title{
text-indent: -9999px;
background: transparent url('http://localhost:8888/wordpress-1/wp-content/uploads/2013/03/Lugadathemelogoheader2.png') no-repeat 0 0;
width: 300px; /* 300px */
height: 70px; /* 70px */
}
#site-title a {display: block; height: 70px; width:300px; /* same dimensions as #site-title */}#site-title a {display: block; height: 105px; width:292px; /* same dimensions as #site-title */}>
<a>" title="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>"><?php bloginfo( 'name' ); ?></a>
</h1>
</div>
<div class="five columns">
<h2 id="site-description">
<small><?php bloginfo( 'description' ); ?></small>
</h2>
</div>
</div>
<?php get_template_part( 'menu', 'primary' ); // Loads the menu-primary.php template. ?>
<?php if ( get_header_image() ) echo '<img class="header-image" src="' . esc_url( get_header_image() ) . '" alt="" />'; ?>
<hr />
</div>
</div>
Posted 2 months ago #
Hi talktoemmaj, may you create a thread regarding this issue?
@Paul and thanks for contributing your theme and support to the WordPress community :)
the new version has a logo uploader you can test. there's just a bug with the live preview that should be fixed soon
You must log in to post.
