Posterize.us: How to center header image that I uploaded from Posterous setting page - Posterize.us

Jump to content

Tips

When posting, be sure to include any extra info that will be helpful in diagnosing your issue. (Include link to your Posterous blog, along with any code snippets, etc.)

Also, be sure to check the official theming reference first if you're having trouble: http://posterous.com/theming/reference
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

How to center header image that I uploaded from Posterous setting page

#1 User is offline   chrisherbert1 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 5
  • Joined: 28-January 10
  • Posterous URL:chrisherbert1.posterous.com

Posted 09 February 2010 - 07:15 AM

I have attached a header image via the Posterous custom setting page. Now when I preview the page, my header image is left positioned and not centered like the rest of the site. Please help me fix this!

link to my site: www.cloudedarmy.com and I am using the Slate theme.
0

#2 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 266
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 09 February 2010 - 08:42 PM

View Postchrisherbert1, on 09 February 2010 - 07:15 AM, said:

I have attached a header image via the Posterous custom setting page. Now when I preview the page, my header image is left positioned and not centered like the rest of the site. Please help me fix this!


Add this:

text-align:center;


inside

.title {

}

Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

#3 User is offline   chrisherbert1 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 5
  • Joined: 28-January 10
  • Posterous URL:chrisherbert1.posterous.com

Posted 09 February 2010 - 08:53 PM

Thanks so much! It worked, I was looking to center align an image, not text. Thanks!!!
0

#4 User is offline   ace 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 4
  • Joined: 02-January 11

Posted 15 February 2011 - 09:36 AM

Cory I really dig your themes bro :) been using them a bunch!

I'm having the same issue, yet also having trouble finding the - .Title { - here is the code for the header:

<!-- Begin Header -->
<div class="wrapper" id="wrapper-header">
<div class="content" id="content-header{block:HeaderImage}-image{/block:HeaderImage}">
{block:HeaderImage}<a href="{SiteURL}"><img src="{HeaderImageURL}" alt="{Title}"/> </a>{Else}
<h1><a href="{SiteURL}">{Title}</a></h1>{block:Description}<p>{Description}</p>{/block:Description}
{/block:HeaderImage}
</div>
</div>
<!-- End Header -->

I tried putting the center text tag in several different spots but no luck :)

any help would be much appreciated!
0

#5 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 266
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 15 February 2011 - 12:14 PM

You want to look in the CSS, which is above the HTML, the code toward the top of the page. Do a search for ".title" and you should be able to find it.
Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

#6 User is offline   ace 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 4
  • Joined: 02-January 11

Posted 15 February 2011 - 12:44 PM

hate to do this - but:


<!-- Default Variables -->
<meta name="color:Background" content="#111111"/>
<meta name="color:Background Alt" content="#eeeeee"/>
<meta name="color:Blog Title" content="#ffffff"/>
<meta name="color:Blog Description" content="#999999"/>
<meta name="color:Navigation Background" content="#336699"/>
<meta name="color:Navigation Text" content="#dddddd"/>
<meta name="color:Post Background" content="#ffffff"/>
<meta name="color:Post Text" content="#333333"/>
<meta name="color:Post Text Light" content="#999999"/>
<meta name="color:Post Link" content="#006699"/>
<meta name="color:Post Meta Background" content="#333333"/>
<meta name="color:Post Tags Background" content="#555555"/>
<meta name="color:System Background" content="#fffcef"/>
<meta name="color:System Link" content="#009900"/>
<meta name="color:Box Shadow" content="#cccccc"/>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{PageTitle}</title>

<link rel="icon" href="/images/favicon.png" type="image/x-png"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}"/>
<link rel="stylesheet" href="http://www.raraavismusic.com/sites/ss/screen.css" type="text/css" media="screen, projection"/>

<style type="text/css">
/* background */
body {background-color: {color:Background};}
.content,.fans,#contributors h3,.post .comments,.meta-shadow-top,.meta-shadow-bottom,.post-content {background-color: {color:Post Background};}
.geolocation, #search-button,blockquote,#contributors, #search-input {background-color: {color:Background Alt};}
.pagination,.meta, ul.meta, #footer .meta {background-color: {color:Navigation Background};}
.post .meta {background-color: {color:Post Meta Background};}
.post .tags ul {background-color: {color:Post Tags Background};}
#search-sort,.post .editbox,.fav_star {background-color: {color:System Background} !important;}

/* font-color */
#content-header a { color: {color:Blog Title};}
#content-header p { color: {color:Blog Description};}
.post .tags,.meta,#navigation-main li a.selected,.post .meta a, .post .tags a,.pagination a,.meta a.posterous_retweet,.meta .posterous_retweet_widget a,.meta .posterous_retweet_widget { color: {color:Post Background};}
#navigation-main li a,#footer .meta,#footer .meta a,#footer .meta-wrap a { color: {color:Navigation Text};}
#search-sort .label,.body .galleryLabel,.comments .comment_date,.comments .comment_label { color:{color:Post Text Light};}
body,.comments .commentunit,.post-content .title a,#credits,#tags .selected { color: {color:Post Text};}
.editbox ul.mini_commands li a,#search-sort li a,.posterousPrivateBox a,.comments .mini_commands li a { color: {color:System Link};}
.pagination .disabled { color: {color:Navigation Background};}
a, #search-button:hover,.post-content .title a:hover,.body .posterousGalleryLink,.body .posterousGalleryLink:hover { color: {color:Post Link};}

/* border */
#contributors a .contributor-portrait,.post .tags {border-color: {color:Post Background};}
h3,#search-button {border-color: {color:Post Text};}
#contributors,#contributors h3,#search-sort,.geolocation,.editbox ul.mini_commands,.fav_star,.body .posterous_short_quote, .body .posterous_medium_quote, .geolocation .map, abbr, acronym, .comments .commentunit textarea {border-color:{color:Box Shadow};}
.body a.gallerySelectedImage img,#contributors a:hover .contributor-portrait,#search-button:hover {border-color: {color:Post Link};}

/* text shadow */
#contributors h3, .geolocation, .comments .comment_label, .comments .comment_date {text-shadow: {color:Post Background} 1px 1px 0px;}

/* box shadow */
.geolocation, #contributors {box-shadow:inset 0 0 3px {color:Box Shadow};-moz-box-shadow:inset 0 0 3px {color:Box Shadow};-webkit-box-shadow:inset 0 0 3px {color:Box Shadow};}
.fav_star, .editbox ul.mini_commands {box-shadow:0 2px 2px {color:Box Shadow};-moz-box-shadow:0 2px 2px {color:Box Shadow};-webkit-box-shadow:0 2px 2px {color:Box Shadow};}
.sharing { margin-top: 25px; }
.posterous_tweet_button, .posterous_fb_like_widget { float: left; display: inline; margin-right: 15px; }
.p_responses { background: white; margin: 0px 10px; padding: 0px 25px 5px; }
</style>

i've tried putting it in next to the .title - but no luck...
0

#7 User is offline   ace 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 4
  • Joined: 02-January 11

Posted 15 February 2011 - 12:45 PM

the only place .title exists is in the font color section towards the end :)
0

#8 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 266
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 15 February 2011 - 05:48 PM

You're not using one of my themes. What theme are you using? URL?
Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

#9 User is offline   ace 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 4
  • Joined: 02-January 11

Posted 16 February 2011 - 03:12 PM

Sorry Cory, I forgot that it was a theme from a different designer - good thing I'm listed as a Newbie, cause that's how I feel right about now. I have used your themes and love them btw.

I reached out to their team, but haven't heard back yet. The theme is called m82, from Airspace Workshop

http://www.airspacew...e-tumblr-theme/
0

#10 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 266
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 17 February 2011 - 08:22 AM

There's a good chance you won't hear back. If you post your URL, I can take a look and give you the snippet you need. And are you using it on Tumblr or Posterous?
Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users