I need help aligning text in the header and deleting a placeholder image box.
Part 1:
I need to align the text and blue CTA to the left (up to the magenta line as indicated in image "A").
Part 2:
I need the placeholder image (that shows up when re-sizing window smaller) removed.
Here is the link:
https://go.socialstudies.com/freedom-history-of-us
I need help aligning text in the header and deleting a placeholder image box.
I need help aligning text in the header and deleting a placeholder image box.
Hey @gramirez
So to start you'll want to add a few lines of css. Basically we want to ommit some of the provided properties. you can see I've done this via the dev tools in the screenshots below:
.product-herosection .row-fluid-wrapper .row-fluid {
display: flex;
justify-content: unset; /* This tells the content of this box to center itself*/
}
.product-herosection .prohero-caption {
display: flex;
flex-direction: column;
align-items: center;
}
Along with that CSS you'll want to change the CTA's wrapping element to 12 column rather than 6 (span6 > span 12). See below:
For the image try this:
.btm-img-holder,
.btm-img-holder img {
display: none;
visibility: hidden;
}
I need help aligning text in the header and deleting a placeholder image box.
Quick question, I was wondering if these changes would affect the site globally or will it only hide the "holder image" on THIS page. I'm also not sure which stylesheet to place my rules.
NOTE
I see 3 linked style sheets attached to this page:
1. s2_styles.css
2. new-lp-style.css
3. freedom.css
The page is called "freedom-history-of-us", I'm guessing I should put the rules inside "freedom.css", is that correct? 
I need help aligning text in the header and deleting a placeholder image box.
Hey @gramirez
To have these only take effect on this page you should add that CSS to the "additional <head> markup" section. Just wrap it in an opening and closing style tags: <style></style>
To have it take effect on all pages I would add that CSS to an existing stylesheet. Be aware of which sheet contains what. This CSS will only take effect if it is load after (cascading) the initial CSS that we are attempting to over write.
I need help aligning text in the header and deleting a placeholder image box.
I would also check to see if you template allows you to remove the image on the responsive sizes via the content editer UI.
I need help aligning text in the header and deleting a placeholder image box.
I need help aligning text in the header and deleting a placeholder image box.
Thanks for the reply! This is what I see
