That site is not running the original 2013 theme. It is running a child theme. What happens if you upload the same header image in the unedited parent theme?
I’ve switched it over to the original twenty thirteen theme and uploaded the header image, the same thing happens (I’ll leave it like this if you want to take a look) As mentioned before, the alignmment seems to come in after the css – i’ve tried using the code…
.site-header {
background: url(‘http: //www.mountaincottageyurts.co.uk/temp/wp-content/uploads/2014/06/MCY-header.jpg’) no-repeat scroll left top / 1600px auto transparent;
}
…in the style.css but using the Firefox inspector it gets overridden by inline?
Thanks for your help.
I can’t see anything wrong with the site atm. Are you perhaps using a smaller screen to view the site?
Theres nothing wrong, it’s just the header image is aligned to the center and I want it aligned to the left.
As twenty thriteen’s header image is not responsive, when the browser window is scaled smaller or larger, it affects how much of the header image is shown. As the image is currently set to center, it cuts off left and right pof the header image as the browser window is scaled.
The text in my particular header image is on the left hand side, so if I can align the header image to the left rather than the center, it will just cut off the right side. Ive tested using the left command in the Firefox inspector and it has the desired effect, I just want to know how to code that in to the site,
Thanks again.
Hi dozzell
I have the same issue you have: I have an header image I’d like to use in the 2013 template but I’d like to have it left aligned and not centered.
Did you find a solution?
My next idea is to search for a similar template with left aligned header image by design.. but not found yet.
Thanks
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
@mallibus, You can create a new thread here: http://wordpress.org/support/theme/twentythirteen#postform
If dozzell wants to help you he can visit your thread by going through your profile.
You can always refer back to threads by linking to them.
eh eh eh!
I did it!
I changed the file
\wp-content\themes\twentythirteen\inc\custom-header.php
in the function twentythirteen_admin_header_style()
change the block
<?php
if ( ! empty( $header_image ) ) {
echo ‘background: url(‘ . esc_url( $header_image ) . ‘) no-repeat scroll top; background-size: 1600px auto;’;
} ?>
into
<?php
if ( ! empty( $header_image ) ) {
echo ‘background: url(‘ . esc_url( $header_image ) . ‘) no-repeat scroll left top; background-size: 1600px auto;’;
} ?>
(added “left” between “scroll” and “top”)
Now the background image of the header is nicely left aligned!
I cannot link the site because I am still working on my local machine, I have not yet this site on a host.
Ciao!
oops sorry Andrew I posted before reading your note!
