Using a picture for a title
-
I tried the technique explained in the earlier post, but I can’t do it still. I am using the Chunk Theme, and I would love to have it so my own logo could be the title of my page… I try but I just started to use CSS in the past hour and I just keep screwing up my page trying to do it. I need help!!! My page looks horrible haha.
The blog I need help with is: (visible only to logged in users)
-
First, we need a link to the site you are talking about. The one linked to your username is using Dark Wood.
Second we need the URL of the image you are trying to use, and CSS is theme specific, so if the solution you tried wasn’t for Chunk, it would very likely not work.
Third, if like on the site linked to your username you have a tone of images, you need to temporarily go to settings > reading and decrease the number of posts to show per page to perhaps 2. That site choked my slow wireless internet connection.
-
It’s in Chunk now.
Here is the picture: http://farm8.staticflickr.com/7146/6496885787_290ba25c52_m.jpg
I deleted everything.
-
You didn’t have to delete them, just set it so there were less showing per page.
Did you want it in addition to the text title? If so, where do you want the text title in relationship to the image? This keeps the text title and aligns it with the top of the image.
#header h1 a { background: url("http://farm8.staticflickr.com/7146/6496885787_290ba25c52_m.jpg") no-repeat scroll 0 0 transparent; display: block; height: 200px; padding-left: 170px; padding-top: 35px; } -
I am actually changing my whole site, so I needed to delete everything. I would love the text title right below the image. Also the pages…. how do I go about moving them so they are all below the title and image in a horizontal line? And possibly removing the bullet points at the same time? Thanks for your help!
-
Also if I want to center the image, should I go about changing the padding left and padding top? Or should I just write “background-position: center;” << saw that on a site for moving pictures in css…
-
First off where did you get the CSS that is in your CSS window right now? It doesn’t appear to be “Chunk” CSS. If it was from a different theme, then you cannot use it. CSS is theme specific.
-
I deleted the CSS, not sure why it was different, could’ve been from a previous theme. Is it alright if I change to Manifest, It appears more appropriate for what I am trying to accomplish. Thanks for dealing with me haha.
Hopefully the CSS is just that of Manifest’s. Sorry for the switch.
I’m trying to get a specific look for my page, very clean, simple, where the manifest is on the page, I would love the RU logo, hopefully if I can just get that information on how to fix it, I won’t have to mess with the placing of the pages.
-
All CSS editing is theme specific. If you have custom CSS and later change themes, you need to delete whatever CSS you have in the Editor, otherwise, you’ll get undesired results. To ‘reset’ a theme, you need to delete the CSS in the Editor, make sure the “add to existing CSS” radio button is checked, then save. Things should go back to normal.
Note: When you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing.
-
Go to appearance > custom design > CSS, delete everything from the CSS edit window, click “add to existing…” and then click save stylesheet to get back to the original stylesheet.
Then from that point forward, you add only the specific selectors, and the specific declarations you are adding or changing to the stylesheet and your changes override the original stylesheet.
-
Alright, it is now back to manifests css. How do I go about adding a picture for that themes CSS, and also having it centered?
-
See what you think of this.
#site-title { background: url("http://farm8.staticflickr.com/7146/6496885787_290ba25c52_m.jpg") no-repeat scroll center top transparent; height: 260px; margin-top: 0; } h1#site-title a { position: relative; top: 225px; } -
-
It is actually better to upload your images to your media library on your site here. Loading will be faster and there is less chance of having a gaping hole in your site when flickr or wherever you have the image hosted has a problem.
-
Awesome, that looks great. Two more things… How do I change color? And could you please tell me how I access my plugins? So I may add one? Thanks!!
-
And could you please tell me how I access my plugins?
There is no FTP access to free hosted WordPress.COM blogs and we cannot install individual plugins or third party themes into them. Those found on the internet are for WordPress.ORG installs which run on different software.
http://en.support.wordpress.com/ftp-access/
http://en.support.wordpress.com/plugins/
WordPress.com vs WordPress.org:The DifferencesYour widgets are here > Appearance > Widgets
This is the main page in support documentation for all widgets http://en.support.wordpress.com/topic/widgets-sidebars/ -
-
I would love it to be cream colored.
So there is no possibility of me having a store on my site?
Thank you both!
-
You can edit the color. I just put it in as a placeholder and set the top and bottom border for the menu to white.
body {
background: #F7ECD7;
}#main-nav {
background: #F7ECD7;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}`You can sell things you actually create yourself here, but we cannot have a shopping cart here. Many use Etsy to sell their stuff and then link to it from their blog.
-
Sorry, I missed a code tag.
body { background: #F7ECD7; } #main-nav { background: #F7ECD7; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; }
- The topic ‘Using a picture for a title’ is closed to new replies.
WordPress.com Forums 
