Hi,

OK, I can see that now, thanks. It appears that a color section can only be full width, i.e. you can’t add 2 x 1/2 Layout Elements to a page then add a color section inside only one of those elements – correct?

Also, you can add other elements inside color but are there any restrictions e.g. elements that can’t be added to a color section?

Finally, is there a list of what page elements have ‘Alternate Background color’ applied to them in the General Styling sections of Logo Area, Main Content and Alternate Content? It just says ‘menu hover, tables etc’ – I wondered what else is in the ‘etc’.

Hi Elliott,

That didn’t work. See the result here:

However, for hdr-titles, if I switch off the transform element in Chrome developer tools it seems to work – do you agree?

But I can’t get hdr-contact to work. Just to clarify I’d like it positioned similar to this: which is about right:400px but a fixed value doesn’t work for different screen sizes. Can you suggest something else?

Zimbo

OK, thanks. Screenshot: http://imgur.com/OjX1W1b
Website: dev.jacksgallery.co.uk (NOT www)

As you can see I’ve managed to add the contact info into the header widget and it’s nearly OK on a 24″ screen (but not quite right) plus it all screws up as soon as the screen size reduces – so I could do with some help please for some CSS that:
– always keeps the Jack’s Gallery text centered
– keeps the contact info always to the right

If you can get me ‘on the track’ I can then work out some media queries as screen size reduces to reduce font sizes and maybe turn off the blocks at some point (assuming the blocks won’t be able to ‘stack’ under the logo).

Max container width is 1360px.
Code inside the header is:

<div class="hdr-titles">
<h4>Jack's Gallery</h4>
<h5>Jack Vettriano Artist's Proofs and Limited Edition Prints</h5>
</div>
<div class="hdr-contact">
<p class="hdr-contact-txt">Gallery: 01491 571387</p>
<p class="hdr-contact-txt">Mobile: 07775 735136</p>
<p class="hdr-contact-txt">Email: <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a></p>
</div>

Child theme CSS is:`
/* header widget */
#header .widget {
left: 60%;
top: 50px;
position: absolute;
transform: translate(-53%);
z-index: 999;
width: 50%;}

.hdr-titles {
float: left;
position: relative;
text-align: center;
padding-top: 6px;}

.hdr-contact {
float: right;
position: relative;
text-align: right;}

.hdr-contact-txt {
font-size: 16px;
margin: 0.25em 0;}`

Hi,

What I wanted to do is turn off the default H1 page title on the home page, and maybe others e.g. <h1 class=”.main-title .entry-title”>

However… this is my first time using Enfold and I’m still finding my way around the setup – but I have now found how to turn on/off the page title, so I’m OK.

I’ve searched for some documentation but can’t find much – is there a doc that lists out all the theme’s functions/options/features? For instance, I can’t work out how to use the Custom Fields on Edit Page.