How do I put an image in place of the title? Thanks.
Cutline Theme Support Forums » Cutline Theme Support Forums
Image where the Title is?
(12 posts)- Started 4 years ago by startuphustle
- Latest reply from kawells
- This topic is
not resolved
-
Posted 4 years ago #
-
Find the masthead identifier and change
masthead{width:900px; height:100px; background:url('images/logo.gif') no-repeat}The width and height are changed for YOUR particular site. And the url to where you put your logo.
I am using a somewhat modified 2 column cutline you have make the adjustments for your site.
Posted 4 years ago # -
Almost forgot... AFTER the above masthead code add this..
#masthead a{display:block; width:900px; height:100px}
I am using a somewhat modified 2 column cutline you have make the adjustments for your site.
Posted 4 years ago # -
I am having issues getting this to work.
Where exactly does this change have to happen?
Posted 4 years ago # -
Everything and anything that has to do with the look of your site is in the style.css
Please note the width and height are MY settings which are different from the default theme.
I am using a lot of modifications in a 2 column cutline. You have make the adjustments for your site.I should also point out that you need a good editor to make changes to .css .php or html files.
I use Editplus2 for html, Rapid CSS 2007 for CSS and PHPedit (free personal license) for PHPPosted 4 years ago # -
This can be found starting on line #112 of the 3 column right style.css file (haven't tried it yet, hope it helps) :
/*---:[ header styles ]:---*/#masthead { width: 970px; /*height: 100px; background: url('images/logo.gif') no-repeat;*/ /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */ }
/* #masthead a { display: block; width: 970px; height: 100px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */
Posted 4 years ago # -
what does this mean:
/* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */ }
Posted 4 years ago # -
in CSS when you place a /* before something and a */ after something everything in between will not be read by the browser. It is called "commenting out" and allows you to put stuff in code that will not be read. Uncommenting something means remove the /* and */
Posted 4 years ago # -
How do I get the old text out of there? www.startuphustle.com
#masthead { width: 810px; height: 150px; background: url('http://www.startuphustle.com/wp-includes/images/live_header.gif') no-repeat; /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */ }
#masthead a { display: block; width: 810px; height: 150px; } /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */
Posted 4 years ago # -
I know I can remove it in the Options but that also removes it from the page title. Is there any way to just make it hidden?
Posted 4 years ago # -
It's been a while for this forum... but I was wondering if anyone was able to answer startuphustle's questions about removing the title text when useing a graphic. My attempts have been.... painful.
THANKS!
Posted 4 years ago # -
If I understand your question correctly, I did it by putting the header content in comments brackets in the header.php file:
This line:
<div id="masthead">
<h1>"><?php bloginfo('name'); ?></h1>insert as this line:
<div id="masthead">
<h1> <!-- "><?php bloginfo('name'); ?>--> </h1>I wasn't using a description line, but if you are, just do the same comment brackets <!-- --> inside that <h3> line, too.
Posted 3 years ago #
Reply
You must log in to post.