Jump to content
Sign in to follow this  
janpeeters

How can I position the blog description after the site title

Recommended Posts

janpeeters+    31
janpeeters

Hi, I'm working on a new site, very beginning at the moment, and I'm trying to place my wordpress site description after the site title instead of below. At the moment is is like this: Energetic learning What do you need for that? And I want it to be like this: Energetic learning. What do you need for that? I have Googled for quite a while but it seems that this is not a regular question, or either I'm using the wrong search terms. You could argue that I could place all the info in the site title field, but I'd like to give the description a smaller typesize and a different colour and therefore using both fields gives me more flexibility. I've looked into header.php of the pagelines framework where some websites pointed me too, but I can't find any leads there. Maybe because header.php loads information from other files? I'm not an expert in php. Thanks for any help. Jan

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
Hoi @janpeeters: The site description is set in WordPress. Font size & colour for "wat heb jij daarvoor nodig?" can be changed through CSS. You can change the font size here: h6.site-description { font-size: 1.5em; You'll have to dig into the CSS in order to change the font color as the site description is inherited from the theme's H6 properties. Veel geluk!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi Jan, The simplest way to achieve this would be to simply create an image using software such as GIMP or Photoshop and use the text tools. Save the image, then upload it as your logo. I did a quick for you below. http://i.imgur.com/vfN6T.jpg

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
Danny Is correct. I misread your question Jan.

Share this post


Link to post
Share on other sites
catrina    103
catrina
If you want the blog description to be text rather than included in an image, that's possible, too.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
janpeeters+    31
janpeeters
Hi all, Thanks for your replies and sorry for my late response but strangely enough I didn't get notifications of your reactions. I must have forgotten to tick a box. ;-) It would be preferable to have it done in text for SEO reasons. So Catrina can you let me know how you would achieve this? Thanks in advance, Jan

Share this post


Link to post
Share on other sites
Rob    547
Rob
Jan, I think Catrina was just pointing out that you can include it in WP's general settings. I don't know how it's possible to do what you're trying to do, but if you can provide us with some links to the posts you referred to, guiding the solution in the header file, we'll take a look and see how this is possible, if at all. It may need to be added to Custom Code or in a function.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
janpeeters+    31
janpeeters
Hi Rangelone, Thanks for responding. i can't find the post that I referred to anymore really weird. But I I tried the following options on my template theme's style.css. But with no succes. I hope you have some idea. Thanks in advance, Jan http://wordpress.org/support/topic/code-to-get-logo-title-tagline-on-1-line-of-header-in-sliding-door-theme http://wordpress.org/support/topic/want-to-have-blog-title-and-description-side-by-side-in-header http://wordpress.org/support/topic/how-to-get-site-description-on-one-line http://forum.bytesforall.com/showthread.php?t=1631

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi Jan, Can you try this please, add the below code to your custom CSS. [code]#branding .site-description, .subhead { position: relative; left: 10.5em; bottom: 1.7em; }[/code]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
janpeeters+    31
janpeeters
Hi Danny, That worked like a charm. I've used [code]left: 11em; [/code] instead of 10.5. Spacing is a bit nicer like that, but that might differ per browser and platform so i have to test that. Thanks a lot, really appreciated, Jan

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi Jan, No problem, happy to help!

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×