5high

Thanks for your help – unfortuneately it doesn’t work.

I’ve tries your suggested code with all variations of the button like: +/- a container, a float, in-line block and all various combinations too.

Also tried the above changes with the css code

.maxbutton-3 {
  text-align: right;
}

which doesn’t work either.

And I’ve tried placing the button in various positions within the page text too, with the various combinations… I’m obviously missing something here!

I’m currently working on a development site,so you can see the button placement here: http://trevorpenfold.com/testing/

Thanks for your time.

Hi again,

I’ve explored this further and think I’m asking the impossible!

So instead, is it possible to insert the max-button short-code in Edit Page > in the Page Title text area?? – with it aligned to the right? I presume I’d need to put some html around it, and have tried this:

<display:inline-block><div align="right"> [maxbutton id="3"] </div></div>

which does push it to the right, but of course only shows the short-code.

I realise that I can easily do the same by adding it as usual in the Page first line with ‘heading 1’ formatting applied – which works great, especially as I want to remove the ‘.entry-header’ area entirely, except until it’s showing Post Excerpts (which need the Post Title)… So ideally I need to retain the Page and Post titles, and instead remove any first headings in a page/post – so my idea of inserting a button in a page title area!

Any suggestions please?

Many thanks.

Thanks ryanmk54, I might revisit this option at a later date if our new design idea doesn’t work – so still really useful – thanks! Though i think we’re after something a bit different – i was trying to change the actual content areas to a different colour to that of the #page and #masthead and #colophon background colour, but it’s a bit fiddly as you have to find all the bits between the content areas too, so it shows as a content block colour – my previous 2011 child theme has it and you can see it here:

But the transparent option for the page div etc works briliantly,and i might end up using that instaed…

Cheers.

Thanks so much for your patient explanation – getting to grips with it now and feeling more confident of “taming it” in my child theme!

Much appreciated!

Hi gabriel,

Thanks for your reply. Unfortunately I find the codex for this really hard to grasp – I understand that I’d put the code in the child functions.php file (or should it be in the header.php??) but don’t know how to configure it to call up a specific image.

Probably pretty basic stuff, but I’m a real newbie with php, so if you can be more specific that’d be great.

Cheers.

Hi paulwpxp,

Thanks for the info. I spent ages working through various tutorials like the HolyGrail one to understand it.

Don’t suppose you know of a similar tutorial for 2012 theme, so I can really understand how the floats work, and which bit sits inside of another, or is dependent on another, as that’s what I can’t understand yet? Or perhaps some codex that lists what each div etc does in 2012??

Cheers.

Thanks for your reply Paulwpxp,

I think I understand the basics of responsive design and think it’s really essential, though I don’t know much about how this impact design for mobile devices yet – but keen to learn.

I’ve spent a few hours reading different forum threads (and am already working with my own child theme for twentytwelve) and none really tackle this issue. So what I can’t get my head around is how they relate…

ie; in 2011 theme:
– the primary is the page width with a negative margin to float it off the left-hand side,
– then the content area was 100% and held everything else in the primary page, like the container (in % and a margin to allow for a sidebar) + sidebar area,
– when added together (the container + sidebar area) was > 100%, and this gave the %age for the primary margin, so it didn’t get pushed out of the container.

So, all good, but in 2012 theme, I seem to have to change both .site and #page to affect a change of width, and I can’t find its negative margin either. So that’s why I’m finding it hard to relate to I guess.

So any pointers would be really helpful, especially relating to the responsive box model like in 2011 theme.

Many thanks.

Hi Galen,

Brilliant idea – I might go back and try it when I have a mo, though of course at present nothing shows as I’ve eliminated via my css. But definitely a much quicker and more straight-forward solution!! Thanks for your input.

Cheers.