Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
#header {
align: center;
{
.header-img {
align: center;
}
We went to the CSS panel not sure if that was the correct spot or not as well…
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
align is not a CSS property, but try this article for centering things http://www.w3.org/Style/Examples/007/center.en.html
.header-image {
margin-top: 24px;
margin-top: 2.4rem;
display: block;
margin-left: auto;
margin-right: auto }
placed this into the CSS as directed by the link. But its still not working. Do we need to identify the source img and if so what does that format look like…? src..?
Thanks for your help btw if you couldn’t tell we’re novices to editing CSS lol
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It looks like you’re missing a width style from that code.
.header-image {
margin-top: 24px;
margin-top: 2.4rem;
display: block;
margin-left: auto;
margin-right: auto;
height: 300px;
width: 300px; }
and still no luck…
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Where are you adding the code?
In the edit CSS panel. Though I had to go into the advanced code to pull the proper classes because before I didn’t have them identified correctly.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Is the CSS panel named, “Custom CSS” or similar?
if you could post a live link to your site, someone can check the code and possibly suggest something to center the header image.
http://www.swaytheblog.com/
I’m under the Edit CSS panel
Thankyou
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
As you’ve stated you were incorrectly selecting the image, have you resolved this?
I’m sorry this is not resolved I never heard back about suggestions on the code
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you apply your code;
.header-image {
margin-top: 24px;
margin-top: 2.4rem;
display: block;
margin-left: auto;
margin-right: auto;
height: 300px;
width: 300px; }
To the correct element?
