e404 supports this item


This author's response time can be up to 1 business day.

103 comments found.


I’m trying to display my galleria images at real image size, but it seems that the width option of [galleria_images] has no effect on that. In this previous comment, you mentioned that the galleria fills all of its container. Then if image width is constrained by its container, of what use is the width option ? (Sorry for my English) In this example, the image size should be 786×279 (i.e. its real size) but the actual size is 1150×421. Even with shortcodes like [two_third], I can’t get real size…

Thank you!

The ’width’ parameter is used for scalling bigger images (to make them load faster). The Galleria shortcodes always fill the whole container (they have the width of 100%) – otherwise they won’t be responsive.

The two_third column has the width of 770 px, so it should be best for your images.

Im having a galleria issue, I add the photos to the page using the “add media” then I use the shortcode for galleria (images from post/page). It added the code but when i view the page it just shows the photos individually down the page?

(sorry, started a new comment)

You just added few images to the page. If you want to add a Galleria slideshow (like this one) you need to use the [galleria] shortcode.

If you have any problems with setting up all this I can help you – just send me your WP admin panel login and password using the contact form on our profile page.

I have this code on the page [galleria width=”930” image_crop=”true” thumbnails=”true” slideshow=”true” speed=”3”] then all the images

That’s impossible – there are no sign of using Galleria in the code of your page. Could you please give me an access to your admin panel? This way I can solve this problem much quicker.

Within 2 tabs, I have 2 different (galleria) galleries. It appears that only one will show. Is it possible to have multiple galleria galleries?

Also, I get the following error on galleria galleries: “Fatal error: Could not extract a stage height from the CSS. Traced height: 0px.” I did establish a width and height for the galleria gallery.

Yes, it’s possible to have multiple Galleria galleries. You problems are probably caused by an incorrect image URL.

Hi, i get this error from galleria: “Fatal error: Stage width or height is too small to show the gallery. Traced measures: width:430px, height: 45px” only on Safari for Mac and Safari for iPhone. This is my (opening) short code:

This is the site: http://www.residenzalapiana.it

Thank you!

There is an incorrect height parameter provided for the Galleria script. Did you modify the Galleria shortcode?

I made a little tweak, but now I’ve replaced the mod file shortcodes.php in the inc directory with the original version. The shortcode is: galleria_images thumbnails=”false” slideshow=”true” image_crop=”false” height=”50” width=”344”

Now everything works fine on Safari, but the height of 50px is too small for iPhone (remember that gallery needs to be scalled down a little to fit a smaller screen). Besides, your gallery has the width of 570 px, not 344 px.


I am having trouble with the Contact 7 Form – how do I make it look like yours with the label inside the textbox? And then, my email address field doesn’t have the textfield style with the nice border around it – there is’nt anything? http://wedemo2.co.za/pawprint/contact-option-2/

Please help.

Thank you. Jhorene

Hi there,

I have your documentation open and also imported your demo content, but I can’t see a better way to be able to use the Galleria to display my galleries. I won’t know the links of each image and the client will also update the galleries himself in future.

Is there no way to use the normal Wordpress gallery section and just have it display as the galleria slideshow?

Thank you in advance.

Kind regards, Jhorene

To make a label inside a text box you need to use the placeholder option when creating your form in CF7 – take a look at this screenshot.

To make email fields look like other text fields you need to add the following code to the theme’s functions.php file:
add_filter( 'wpcf7_support_html5', '__return_false' );

To fix the shortcode generator please download this file, unpack it and upload the unpacked file into the theme’s ‘inc’ folder.

The Galleria shortcode ([galleria]) displays images attached to a page, so you don’t need to know image URLs. Just attach images to a page and do not insert them into the page content.

Thank you for the quick answer – it all works!

Just one last question, how do i set the Galleria to not crop my pictures and to display the portrait images nicely as well? Not all my photos are landscapes.

Regards, Jhorene

You need to use the ‘image_crop’ param, for example:

[galleria image_crop="false"]
Columns are not designed to be used inside tabs. But you can easily adjust them – you just need to change their width. For example, to adjust one_half and one_third columns add the following code to the Custom CSS box (Theme Options -> Styling Options):
.tab_content .one_half { width: 520px; }
.tab_content .one_third { width: 350px; }

I’m trying to use the galleria_images shortcode to make a gallery section on my site. I’d like to include the thumbnails but it seems as if it covers the lower part of the image. Is there a way to get the thumbnails bar to start at the end of the bottom of the image and not overlap? I have copy in that bottom 60px section.

Do you mean something like on this page? If so, this is how thumbnails look by default.


I’m trying to get the section with the class name of galleria-stage to show the entire image at 1170×783. instead it crops the bottom of the image and thus some vital info.

yes ofcourse I’ve tried that already. here’s what my code looks like:

[galleria_images width=”1170px” height=”783px” slideshow=”true” speed=”4000” thumbnails=”true”]

Remove ‘px’ from values.
[galleria_images width="1170" height="783" slideshow="true" speed="4000" thumbnails="true"]

I can’t see any Galleria gallery on this page.

Why didn’t you just experiment with the Galleria height? Thumbnails were not covering your images – your images were just cut off.

yes I tried changing the heights and widths around but it just won’t show the entire image for some reason. It seems as if the code is set to cover the bottom 60px of the slide to show the thumbs.


How can I have the latest images attached to the page show first in my galleria slideshow?

Thank you.

Regards, Jhorene

The easiest way is to use the ‘orderby’ param in the Galleria shortcode, for example:
[galleria orderby="date" order="DESC"]

Hi, can I create two different, separate portfolio categories on the main menu? I don’t want the pages under them mix together. Is the Gallery with Galleria only supports landscape photos? Does it has a maximum number of image I can add to the gallery?

You can add links to portfolio categories to the main menu.

The Galleria script can display any images, so by customizing the Galleria gallery size you can use it to display portrait images. It does not have a maximum number of images, but this number should be reasonable.

http://www.bobbylopezcreative.com/port/ I’m getting a strange error message while using the galleria shortcode “Init failed: Galleria could not find the element ”#galleria-1”

I didn’t do anything special. I just used the shortcode to insert the gallery. Do you know why this is happening?

This problem is caused by the following code in your website header:
<script type="text/javascript">jQuery(document).ready(function() { jQuery("#galleria-1").galleria({ thumbnails: true, autoplay: 3000, responsive: true, imageCrop: false, height: 0.5983 });jQuery(".galleria-container").css("background", "");});</script>
<script type="text/javascript">jQuery(document).ready(function() { jQuery("#galleria-2").galleria({ thumbnails: true, autoplay: 3000, responsive: true, imageCrop: false, height: 0.5983 });jQuery(".galleria-container").css("background", "");});</script>
I don’t know where it came from – it shouldn’t be there. Did you modify the theme header file? If you didn’t, please send me your WP admin panel login and password – I’ll take a look at this issue.

JetPack was disabled. You didn’t reenable it. When I enabled it again the problem came back. When will you have a patch for this? I’d really like to use both jetpack and galleria together on my site.


Please be so kind and give me a few details about the way some shortcodes are working:

1) I’m trying to use the gallery with custom images from http://e404themes.com/natural/shortcodes/images/. The size is written width=”610” height=”462” but the actual size is bigger. How can I control the dimensions?

2) Can I display name on pictures by using the gallery above? (the shortcode has picture names after the link but they are not displaying)

3) Can I link the pictures from the gallery above to a page?

4) For the responsive slides with custom images I’ve tried to link a slide to a page by putting the link in the caption field but it didn’t worked. Is there anything else I should do instead?

Thank you in advance!

1. This gallery is responsive, so it fills all its container. You can use column shortcodes to make it smaller, for example:

2. You can use the ‘captions=”true”’ param to display titles, however they are collapsed by default (you need to click the ‘i’ icon in the left top corner to see a caption).

3. No, it’s not possible.

4. Putting links in the caption field works for a slider with images attached to a post/page. If you are using custom images (the list of image URLs) you need to use the third param, for example:
http://e404themes.com/natural/wp-content/uploads/2011/09/uniformity1.jpg;Photo title;http://google.com
http://e404themes.com/natural/wp-content/uploads/2011/09/paeonia1.jpg;Photo 2 title;http://bing.com
Here you can see some examples.


Is there a way to randomly sort the galleria images on a page or move some of the ones I’ve uploaded just now in between some of the images already uploaded on the page?

Thank you. Jhorene

how do I change the naturaltheme heading at the top of my site to my own site name? also, how do I use/activate the gallery?

I suppose you are talking about the Natural Theme logo. You need to upload your own logo image (Theme Options -> General Options).

The standard WP gallery works just like in any other theme – you can read more about it here. The Galleria gallery is described in the theme documentation (Shortcodes section), you can also get the sample code from our demo website.

Whats are the perfect dimensions and dpi for items that have to go up on the slideshow?

The slideshow images should have the width of at least 1170 px (if you want the full-width slider). The height and DPI are up to you.


I’m just setting up a new gallery on a client site (using [galleria_images] short code) and I’m getting the error:

“No theme CSS loaded” appears in a black box at the top right in desktop Firefox and (iPhone) Safari

The site has a lot gallery pages and all of them have the same issue.

I’ve also noticed the same issue is happening on your demo site here: http://e404themes.com/natural/gallery/gallery-with-galleria/

Any help would be most appreciated Thanks

Hello again e404, my second question:

Is it possible, to change the width from the pages? (also the textpositions)

( http://menschenbrauchentiere.de/1_Temp/width.jpg )

Hope, you understand me. :)

Thanks, Stefan

If you want to decrease the width of the whole website you can use the narrow version of the theme (you can find more details in the theme documentation). If you want to change the width only for the page content, it requires recalculating widths of all columns and it’s not a quick modification.

if I want pictures using the person shortcode to be 120px by 70px instead of 40 by 40 what do I change

Edit the ‘inc/shortcodes.php’ file, find the following line:
$output .= '<img />width="90" height="90" src="'.$image.'" alt="'.$name.'" />';
and change ’width’ and ‘height’ attributes.

I’m having problems with the display of vimeo videos using a full width template and oembed when viewing on an iPad. The video window is not resized properly and the full width of the video does not show.


Check out anything from our work.

The Contactform7 allows a text field’s width to be modified. This is an example from their support site where 20/ sets the width:

[text* your-name 20/ class:required “John Smith”]

When the Natural Theme is active, the width modifier doesn’t work, so you end up with a text box the width of your page for even a 2 character State field.

You could modify your style sheet, for example .wpcf7 input.wpcf7-text { width: 20px; }, but that sets EVERY text field to 20px wide.

If it’s not possible to resolve the issue with contactform7 working with the Natural Theme, is there a way for me to set column width INSIDE a contact form (make it a 1/3 column for that field, and then return to full width).

All CF7 fields are set to 100% to make sure the form is responsive. But you can easily add a unique ID to each form field and then style it using CSS, for example:

[text* your-name id:my-unique-id class:required “John Smith”]

Now you can style this field:

#my-unique-id { width: 20px; }

A few question forehand…

At this page: http://e404themes.com/natural/portfolio/american-hover-fly/

Is there anyway that at the left where the picture of the bee is, instead of having a single image could have a gallery? In the same page, how extensible is the list, you know (Client, Media, URL, Year). I would like to have at least another 3 or 4 fields.

At this page: http://e404themes.com/natural/portfolio/4-columns-sortable/

All, Branding Illustration, Print, Web are the categories, is there a way of having one extra level of filtering. Sort of, I click on Web and then I have ‘Joomla’ and ‘Wordpress’ as options?

Thanks. Its a very nice theme btw.

I’m sorry, but I misinformed you about a single portfolio page. I thought you mean a portfolio page (the list of all works).

On the portfolio page you can easily insert any gallery – see this or this. You can literally insert anything on a single portfolio page, because it’s a regular WP page.

Fields you have mentioned (Client, Media, URL etc.) are not custom fields – they are just added to the page content. So you can add any other informations to this page.

But custom portfolio filtering is not easy to make, because the used script doesn’t allow to do that. You would need to completely rebuild this page with another script for filtering items.

I’ve downloaded and started customizing the theme for a client, but the slideshows do not conform to the widths given in the short code. They all seem to stretch and crop oddly. I’m using the responsive slider (height=400 width=770), but you can see that the slider is stretching and not conforming to size if you check http://multiani.com/equatoriateak

How do I force the slider to conform to the dimensions given?

Thanks, J.

The theme is responsive, so sliders have to be responsive as well – that’s why they have always the width of 100%. If you want a narrower slider you need to put it into a column, for example:
In fact, the ’width’ param in sliders is used for scalling images, not for setting up the slider width.

Hmmm… I have created plenty of responsive websites with sliders, but all of them allowed me to set a max width instead of stretching an image beyond its own width/height and making it blurry. What happens to people viewing sites with this theme on a 25” screen? The images in your slider will simply stretch beyond their ability and look ugly unless I upload huge (bandwidth-eating) images to compensate for large screens.

I think I’ll just use my own JQuery slider that lets me set the parameters for the slides within the slider. That’s a much neater bit of code than splitting the page up into sections to force the slider not to stretch too far.

Cheers, J.

The theme has the max width of 1170px, so the website will never be wider. By the way: you can always set the max width for the slider using custom CSS code.

Thanks for letting me know the max width. I couldn’t find that in the coding—must have been looking in all the wrong places!