not a support questionHello and happy new year!
I have a small, tiny question. I would like to add a text box next to my logo so that I can write a description of what the website is about.
For the moment, I have the text that describes what the website is about inside the image and I would like to change that:
LOGO & DESCRIPTION TEXT = IMAGE
into that
LOGO = IMAGE - DESCRIPTION = TEXT
Thank you if you can help,
Best regards,
Ari
Hey,
just replace following code in header.php:
<h2 class="logo <?php echo $logoclass; ?>"><a href="<?php echo get_settings('home'); ?>/"><?php echo $logo; ?></a></h2>with:
<h2 class="logo <?php echo $logoclass; ?>"><a href="<?php echo get_settings('home'); ?>/"><?php echo $logo; ?></a></h2>
<div id="description">My website is about</div>and add following i.e. following code to style.css:
#description{
position: absolute;
right:0px;
top:30px;
width:50px;
font-weight: bold;
font-size: 15px;
color: #777;
}You can adjust the position by changing the values of "top" and "right". Change the font size, color, width, etc. as you like. Change the description text to anything you like :)
Hey,
please adjust the top and the right value so that the text is situated on the right of the logo. I.e. if you increase the "right" attribute value the text will move to the left (because the distance to the right side increases). If you increase the top value the logo will move down. So just try to find values which fit your needs (I can't help you with that as it depends on your taste).
Hey,
I changed this
#description{
position: absolute;
right:0px;
top:30px;
width:50px;
font-weight: bold;
font-size: 15px;
color: #777;
}
to this:
#description{
position: absolute;
right:100px;
top:100px;
width:50px;
font-weight: bold;
font-size: 15px;
color: #777;
}
but the text did not move. It is still in the upper left corner (aligned left with the logo but upon it). I might have made a mistake while copying the code but I can't find it.
If it can help, I copied the code line 96 of the style.css sheet just after
#top .logobg a {
text-indent:-9999px;
and before:
#headextras{
position: absolute;
right:20px;
padding:14px 14px 10px 0px;
top:-6px;
width:328px;
z-index: 10;
}
Thank you for helping and for taking your time to sort this out.
Ari
Hello,
Here is my website: http://www.zhongguo-wine.com/
Thanks for investigating !
Heym
I checked the stylesheet here: http://www.zhongguo-wine.com/wp-content/themes/newscast/style.css and I couldn't find the #description css code. Maybe you didn't save the css modification?
Indeed. When I downloaded the stylesheet to my PC again, the #description was here though. I uploaded it once again and now it appears. Please don't hate me! :)
It looks like I did something else wrong as the text is now in the bottom right corner of the header. it should not: right:500px;
top:13px;
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
