johnhmorris
Forum Replies Created
-
Forum: Themes and Templates
In reply to: [Apostrophe] Reduce Apostrophe Theme Header SizeAlso solved another problem which was quite vexing. It’s important I think that images be properly “lined up” — typically with the top of the paragraph in which they are embedded for example. A lot of themes seem to do this automatically. I found this works:
figure {
margin: .6em 0;
}Very simple, good result. Don’t know yet what the bigger implications might be.
Is there another way to do it maybe?
Thanks again.
Forum: Themes and Templates
In reply to: [Apostrophe] Reduce Apostrophe Theme Header SizeThanks Kathryn. Your help has been much appreciated. Off to a good start.
Forum: Themes and Templates
In reply to: [Apostrophe] Reduce Apostrophe Theme Header SizeSuccess! Kathryn, pleased to report the following:
1. Via CSS Stylesheet Editor,
2. Add the following:
@media (min-width: 768px) {
.site-branding {
min-height: 100px !important;
max-height: 100px !important;
padding: 0em !important;
}
}3. And discovered the design elements via en.support.wordpress.com/custom-design/editing-css/, which shows up via the CSS Stylesheet Editor page. In other words (for others who want to follow this) the browser tools (e.g. Chrome Developer Tools) allow you to highlight exactly the elements in your design that you want to manage — and see the CSS that is driving it — then it’s a simple matter of finding that in your style sheet, and making a change via the child style sheet.
4. OK, the interrelationship of elements can be tricky, but looks like we are done now.
Forum: Themes and Templates
In reply to: [Apostrophe] Reduce Apostrophe Theme Header SizeThanks Kathryn, I really appreciate your guidance, it’s providing some confidence. I’d be grateful for some more pointers:
1) SOURCES OF INFO? How does the whole WordPress free theme thing work? Is it expected that savvy non-programmers should be able to tweak things? I’d like to “RTM”, but being new to WP, not really sure about this. Maybe that’s not really the intention???
2) BACKGROUND — I have been on Drupal successfully since 2009 with two websites, still in operation, but new Drupal 8 is very corporate-oriented. And the layout is — let’s be polite — a “mishmash of things” (Drupal 8 does not even have much of the layout capability ported yet, so making a typographically sophisticated site still means Drupal 7). So however much I like Drupal (which is a lot) it doesn’t meet my / our very targetted needs right now, unfortunately.
3) IMAGE ADDED — As you will see if you have time to check decisionedge.org, the image is loaded (original image is 1050 X 91 pixels), but showing up much too large. I’d really like to slim it down in the interests of providing good content, not just wasted image real estate.
4) IMAGE + HEADER — It seems that there are several WP elements that work together to deliver the nice responsive header / top of page in WordPress Apostrophe. There is padding and image size ahd header and @media etc. etc. Unfortunately I’m not in a position to be able to hire anyone at this time; I was hoping that this would be easier than alternatives. (And for the record I have done enough programming in my day to be able to perform simple tasks.)
5) YOUR CSS CODE — I did try adding your suggested CSS code for @media in various ways in the child theme (setting max-height: 100px; for example) but the effect did not show up in the live site. I have been able to confirm that I am successfully making changes because if I change some things (e.g. hover color), they work. Any more hints on the way forward? (As you can see I do RTM, thus the “child theme”, but so far with the CSS, not very successful.)
6) GOAL – MAGAZINE OR NEWSPAPER STYLE — Apostrophe seems to provide the possibility of a nice, simple magazine- or newspaper-style layout. I have a strong background from years ago in layout, including using hot wax manual layout, and I really enjoy good layout. I’m fully expecting the move to WP will support this. (Although having read up on the CSS “multi-column” problem, which applies to all publishing platforms, I realize that full drag-and-drop layout control as in traditional overlapping physical paper layouts or via software driven page layouts is likely not yet possible on CSS- and HTML5-based pages, unless you can afford a very big custom job and your website has the three letters “N”, “Y” and “T” in them . . .)
7) SELF-HOSTED / OPEN SOURCE — I note that if WordPress is hostng then you need “WordPress.com Premium” or “WordPress.com Business” in order to be able to customize your CSS — however I see I can make the site background orange via customer CSS — so I’m assuming the CSS restrictions only apply if you are not self-hosting or via an independent ISP?
Super thanks for any additional pointers!
In hope and solidarity,
John