Page 1 of 1
How to center header image that I uploaded from Posterous setting page
#1
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.
link to my site: www.cloudedarmy.com and I am using the Slate theme.
#2
Posted 09 February 2010 - 08:42 PM
chrisherbert1, 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 {
}
#3
Posted 09 February 2010 - 08:53 PM
Thanks so much! It worked, I was looking to center align an image, not text. Thanks!!!
#4
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!
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!
#5
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.
#6
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...
<!-- 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...
#7
Posted 15 February 2011 - 12:45 PM
the only place .title exists is in the font color section towards the end
#8
Posted 15 February 2011 - 05:48 PM
You're not using one of my themes. What theme are you using? URL?
#9
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/
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/
#10
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?
Share this topic:
Page 1 of 1

Help











