Hi Maxwell,
I’m not familiar with NextGen gallery, so I can’t advise on how to get the styles applied appropriately. Looking at your site, I can see that the styles of the images in the sidebar are assigned because they exist under an element with the ngg-widget
class. The images in the body of the menu aren’t nested under that object, so you’ll need to find another way to apply those styles to the images in the main body content.
Adding the following CSS code might be sufficient in your case:
.ngg-singlepic {
border: 5px solid #FFFFFF;
margin: 0 2px 2px 0;
padding: 0px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: #787878 3px 3px 3px;
-moz-box-shadow: #787878 3px 3px 3px;
box-shadow: #787878 3px 3px 3px;
}
Hey there again,
thanks for the follow up appreciated.
that code works a treat and thank you muchly, but the formatting is off for the wording.
The image at times seems to sit over the text or in the RH colum it is not left justified..
http://www.gaslighttavern.com.au/cracklin-rosie-diner-pub-dining/
I have tried a few things myself. The images seem to go over the txt. i used the default galley function to add the image but I got the same result. altering the alignment of the image did not seem to work as expected
Your thoughts appreciated as always
Regards
Maxwell
Try this:
.fdm-menu .ngg-singlepic {
position: relative;
left: auto;
display: block;
margin: 10px;
}
That will put each image on its own line and give it a bit of margin. If you don’t want each image on its own line, you can remove the display:block;
line. But you’ll see that creates some issue with text alignment, so you’d need to adjust the positioning of the image within the content editor.
Hi Nate,
Thanks for the great follow up
I put the menu into the wordpress standard content area rater than
using the content editor that comes with TISSON
http://www.gaslighttavern.com.au/adelaide-dining-pub-meals/
I used your tutorial to add the footer to the menu items
QUESTION
I added ‘<ul<?php echo fdm_format_classes( $this->classes ); ?>>
<li class=”fdm-section-header”>
<h3><?php echo $this->title; ?></h3>
<?php echo $this->print_items(); ?>
<?php if ( $this->description ) : ?>
<li class=”fdm-section-footer”>
<p><?php echo $this->description; ?></p>
<?php endif; ?>
‘ a line break to the php code, to add a space to push the header away from an image or the section footer after I followed your tutorial on moving a copy over to my own theme. Is this ok or is there a better way to make a space as per my example above.
Cheers
Maxwell
Hi Maxwell,
A <br>
is fine. If you wanted to not add to the markup and use just CSS, you could do this instead:
.fdm-section-footer {
margin-bottom: 1em;
}