Question re: Abstractia and headers

[gone_fishing]

I checked the tags and didn't see this come up, so I thought I'd ask.

I am trying to put a header banner on an Abstractia layout, and using the customization wizard to do it, the banner gets cut off past a certain width, which is an issue because I want to be able to have a normal-width banner like I can with other layouts (e.g. Refried Tablet); for reference my banner is 1200 px wide. So it's clear I'm going to have to plug in the URL for the banner via CSS. Not having much CSS knowledge, what code would I use to do this, to plug in the URL for a header image but also make sure that the header image doesn't get choked off in the middle on the Abstractia layout, but keeps its actual width? I also need to *not* have the journal title, subtitle, and page title show up in the header, so if this is going to change the code I'd need that in there too.

Thanks so much in advance. <3

Comments

[carene_waterman]

Okay, the thing about Abstractia is that is has margins on the #header div to keep it lined up with the main content column.

It is completely okay to use the customize page to insert your image URL for your header image. You can easily replace the image if you want to change it.

In your custom CSS box you will need some code to adjust the margins and to make the titles go away.

#canvas #header {
  margin: 0 6% 1.25em 5%
  }

#title,
#subtitle,
#pagetitle {
  display: none;
  }

For reference, I've added that #canvas in there to supersede the specificity in the original CSS for the header, and I've set all the margins in keeping with the style and so that any layout option should show the header lined up with the content columns.

Give that a try and see if it solves your problem.

[gone_fishing]

Thank you so much, yes.

♥♥♥♥♥♥♥♥