[tatami]

Brad, that's done the trick. I spent most of yesterday trying to work out how to achieve this. It's made my day today to get it resolved like this. Thank you for your help. I wish I could do something for you in return. If you find yourself in London, do get in touch and I'd love to stand you a drink. All the best, Philip

[tatami]

Brad, that is SO helpful. I've replaced .solid-section with .home and it's done the trick.

I think I've dealt with the logo issue but could I ask you one more thing? I'm using shortcodes (via Justified Image Grid) to insert galleries into the home page widgets. The galleries are left-aligned and I can't find a way to center them. It doesn't show for a large gallery but for one where there are just three pictures (our team) the alignment is totally out. Do you know how I can rectify this?

Thanks again.

Philip

[tatami]

That's pretty impressive stuff and thank you for telling me about it. By the time I got to your suggestion, someone else had helped me solve my problem. I'll keep this in my back pocket though.

Thanks again

Philip

[tatami]

Sridhar

I'm filled with admiration for your knowledge – I've just been reading some of your blog postings and you really must be Mr Altitude Pro! Thank you for resubmitting the code. I've followed your suggestions and they work a treat.

Best wishes

Philip

[tatami]

Go the the forums home page (http://www.studiopress.community/) and you'll find a search box there. It searches all the forums.

Good luck

Philip

[tatami]

Thanks for responding. Unfortunately the code just shows as a question mark. Could you please resubmit it?

Will it enable me to place the image above the widget title and centre it on the page? That's what I want to do.

Thanks again and best wishes

Philip

[tatami]

Brilliant, that's really helpful thank you, Davinder.

Best wishes

Philip

[tatami]

Davinder (sorry that autocorrect misconstrued your name last time)

I'm going to try my luck here and I wonder if you or anyone else can help me.

I'd like to try to reverse the graduated filter. As it stands it goes from light at the top to dark at the bottom. To make it go from dark at the top to light at the bottom, how would I need to change this code?

.image-section {
background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.5)), color-stop(80%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 );
display: table;
overflow: hidden;
table-layout: fixed;
width: 100%;
}

Thanks and best wishes

Philip

[tatami]

Divider

Thank you very much for your suggestions.

I've followed your instructions and removed the black tint. Worked perfectly!

I checked the functions file for code used for other widgets areas but couldn't find any. I then looked at the front-page.php file. I found this code…

//* Add markup for front page widgets
function altitude_front_page_widgets() {

genesis_widget_area( 'front-page-1', array(
'before' => '<div id="front-page-1" class="front-page-1"><div class="image-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-1' ) . '"><div class="wrap">',
'after' => '</div></div></div></div>',
) );

genesis_widget_area( 'front-page-2', array(
'before' => '<div id="front-page-1" class="front-page-1"><div class="image-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-1' ) . '"><div class="wrap">',
'after' => '</div></div></div></div>',
) );

So I copied the code under front-page-1 to front-page-2. Then I updated the file. Finally I went to Appearance/Customize/Front Page Background Images. Here I still have the option of setting background images for widgets 1, 3, 5 and 7. Do you have any suggestions for what I'm doing wrong and how to correct it?

Best wishes

Philip

[tatami]

Take a look at the thread entitled ' 2.2.4 Update and the layout problem'. I think you're experiencing the same problem as I did. And you'll find the solution in that thread. Good luck.

[tatami]

This solved my problem.

[tatami]

Advice from StudioPress's Facebook page…

If you're having the layout issue with 2.2.4, change the following line in lib/functions/layout.php (line 343) to this:

$post_id = is_home() ? get_option( 'page_for_posts' ) : null;

[tatami]

Thanks, Susan.

[tatami]

Susan, thanks for letting me know. I've just applied to join the group and it seems strange that the problem and solution haven't been posted here by the Genesis guys. If anyone else can do a copy and paste, I'd be really grateful.

[tatami]

Thanks for the suggestion, Christoph – I opened a ticket after posting to this forum.

[tatami]

Brad

Thank you for your help.

The good news is that I've now got both quotes and bullets flowing around images.

Unfortunately, though, in both cases the padding (if that's the right term) disappears. So instead of quotes and bullets being indented as they are elsewhere, they left-align with the body copy. I'm not too bothered whether they left-align or indent so long as there's consistency. Can you help me with that? I'm really struggling here.

Here's the updated code I'm using for block quotes, which you can see in action at http://aenigma-images.com/2015/09/veruschka-and-rubartelli/:

blockquote {
margin: 40px 40px 24px;
display: block;
}

blockquote,
blockquote::before,
blockquote::after {
color: #999
}

blockquote::before {
content: "\201C";
font-size: 30px;
height: 0;
position: relative;
float:left;
top: -20px;
left: -20px;
}

blockquote::after {
content: "\201D";
font-size: 30px;
height: 0;
position: relative;
float: right;
top: -40px;
right: -25px;
}

And here's the updated code for bullets/lists, which you can see in action at http://aenigma-images.com/2015/07/perc-westmore/:

}
ol,
ul {
margin: 0;
padding: 0;
}

I've added to that like this:

ol,
ul {
margin: 0;
padding: 0;
position: relative;
padding-left: 0; /* remove any left padding */
margin-left: 0; /* remove any left margin */
left: 18px;
}

I really appreciate your help here.

Thanks and best wishes

Philip

[tatami]

Thanks for your insights, Davinder. I didn't realise that this was an issue with the lightbox implementation rather than the child theme. The plug-in I've been using is Go Responsive Portfolio. I've struggled a bit with it and unfortunately the documentation is almost non-existent and the author not very helpful. I've been looking at other options and the one that looks most attractive is Justified Image Grid. I'm thinking of buying it.

[tatami]

Thanks again. I'm sure you're right and that for me a plug-in is likely the best solution. I've searched the WordPress plugin directory but I haven't found anything that seems to do what I want – resize the images only on media/attachment pages as opposed to resizing default image sizes. Can you suggest a plug-in that would do the job for me or at least the search term I should be using (I've been trying wordpress plugin resize image on attachment page)?

[tatami]

Thanks for your very quick reply. I'm afraid I'm a novice here so please bear with me. I've followed the instructions for creating a custom attachment .php or image.php template file and uploaded it to the root directory of my child theme folder. But now the images have disappeared!

The originals have a maximum dimension of 750 pixels (height or width, whichever is the greater). How can I modify the code you've given me to reinstate the images at that size?

[tatami]

Thank you, Ginger, you're right and you're a total star!!!

Best wishes

Philip

[Author]

Posts