Title: Weird behaviour in localhost
Last modified: July 5, 2022

---

# Weird behaviour in localhost

 *  Resolved [sinergyinaction](https://wordpress.org/support/users/sinergyinaction/)
 * (@sinergyinaction)
 * [3 years, 11 months ago](https://wordpress.org/support/topic/weird-behaviour-in-localhost/)
 * Hi,
    I migrated the webpage I am working on on my localhost server on my laptop
   and I am experienciang some weird behaviour in the way a gallery is displayed
   Basically the original gallery outline is ‘Simple Portfolio’ and in the original
   version on my usual hostimg server is shown with 3 columns. In my localhost instead
   it is displayed in just one column, with every image in a single row, so to speak.
   Also, the image captions for each of the images do not respect a css code I had
   used in the original version in order to show the caption in a different way 
   that the default behaviour. By inspecting the code with the firefox inspector,
   I can see that in the localhost installed version, part of the coding related
   to the gallery isn’t shown, and the css code stops to some Elementor classes,
   so the css that I had added to change the behaviour (and more from the gallery’
   css) doesn’t appear at all. And this is strange to me. For example: In my hosting
   provider version of the website the HTML code of this portion of the gallery 
   shows as:
 * > …
   >  <figcaption class=”fg-caption” <div class=”fg-caption-inner”> <div class
   > =”fg-caption-title”>Proyecto Plenitud</div> <div class=”fg-caption-desc”>Plan
   > director para una rustica finca de 2.2 Ha</div> </div> </figcaption>
 * And the corresponding css code is:
 * >  element {
   >  } .foogallery.fg-caption-always .fg-item.fg-loaded .fg-caption {
   > left: 0; bottom: 0; transition-timing-function: ease; transition-duration: 
   > 300ms; transition-property: visibility, opacity; visibility: visible; opacity:
   > 1; }
   > .foogallery.fg-simple_portfolio .fg-item-inner .fg-caption {
   >  visibility: visible;
   > opacity: 1; font-size: 13px; position: relative; display: block; top: auto;
   > bottom: auto; left: auto; right: auto; width: 100%; height: 100%; text-transform:
   > none; transform: none; transition: none; transition-property: none; transition-
   > duration: 0s; transition-timing-function: ease; background-color: transparent;
   > border-style: solid; border-color: transparent; text-align: left; }
   > .fg-simple_portfolio.fg-transparent .fg-caption {
   >  color: #7f7f7f; }
   > .foogallery.fg-caption-always .fg-caption {
   >  text-align: left; }
   > .fg-simple_portfolio .fg-caption {
   >  border-width: 0; }
   > .foogallery .fg-caption {
   >  visibility: hidden; opacity: 0; position: absolute;
   > z-index: 8; width: 100%; max-height: 100%; overflow: hidden; font-family: -
   > apple-system,system-ui,BlinkMacSystemFont,”Segoe UI”,Roboto,”Helvetica Neue”,
   > Arial,sans-serif; font-size: 13px; font-weight: 400; line-height: 1.3; border:
   > none; border-top-color: currentcolor; border-top-style: none; border-top-width:
   > medium; border-right-color: currentcolor; border-right-style: none; border-
   > right-width: medium; border-bottom-color: currentcolor; border-bottom-style:
   > none; border-bottom-width: medium; border-left-color: currentcolor; border-
   > left-style: none; border-left-width: medium; text-align: center; cursor: pointer;
   > margin: 0; }
   > .foogallery .fg-caption {
   >  background-color: rgba(0,0,0,0.6); color: #fff; }
   > .elementor *, .elementor ::after, .elementor ::before {
   >  -webkit-box-sizing:
   > border-box; box-sizing: border-box; }
   > .foogallery, .foogallery * {
   >  box-sizing: border-box; }
   > figcaption, figure, main {
   >  display: block; }
   > *, ::before, ::after {
   >  box-sizing: inherit; }
   > .fg-simple_portfolio.fg-transparent .fg-item-inner {
   >  color: #333; }
   > .foogallery .fg-loaded .fg-item-inner {
   >  visibility: visible; }
   > .foogallery .fg-item-inner {
   >  visibility: hidden; }
   > .foogallery {
   >  font-family: -apple-system,system-ui,BlinkMacSystemFont,”Segoe
   > UI”,Roboto,”Helvetica Neue”,Arial,sans-serif; line-height: 0; font-size: 0;}
   > .elementor-element {
   >  –widgets-spacing: 18px; }
   > …. (more elementor’s css)
 * This last line is when the Elementor code begins
 * However in my localhost website, although the same HTML code as above is present,
   all this css part is missing and the first element of css code that is on display
   in the inspector windows for this HTML code is:
 * >  element {
   >  } .elementor *, .elementor ::after, .elementor ::before { -webkit-
   > box-sizing: border-box; box-sizing: border-box; }
   > figcaption, figure, main {
   >  display: block; }
   > *, ::after, ::before {
   >  box-sizing: inherit; }
   > .elementor-element {
   >  –widgets-spacing: 18px; }
 * Any idea about what may be causimg this in my localhost? (and how to fix it!)
    -  This topic was modified 3 years, 11 months ago by [sinergyinaction](https://wordpress.org/support/users/sinergyinaction/).
    -  This topic was modified 3 years, 11 months ago by [sinergyinaction](https://wordpress.org/support/users/sinergyinaction/).
    -  This topic was modified 3 years, 11 months ago by [sinergyinaction](https://wordpress.org/support/users/sinergyinaction/).
    -  This topic was modified 3 years, 11 months ago by [sinergyinaction](https://wordpress.org/support/users/sinergyinaction/).

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Support [elviiso](https://wordpress.org/support/users/elviiso/)
 * (@elviiso)
 * [3 years, 11 months ago](https://wordpress.org/support/topic/weird-behaviour-in-localhost/#post-15801479)
 * Hi [@sinergyinaction](https://wordpress.org/support/users/sinergyinaction/)
 * It’s going to be really difficult to investigate this and advise on a solution
   without having a closer look at the page containing the gallery and using the
   developer tools to analyze it further.
 * For starters, could you kindly confirm if the same setup – plugins, theme, WordPress,
   and PHP versions – on the webpage that the gallery was properly displayed and
   you migrated the site from is the same as that on the localhost where you migrated
   the site to? Thanks in advance for the confirmation.
 * Kind regards,
    Elvis.
 *  Thread Starter [sinergyinaction](https://wordpress.org/support/users/sinergyinaction/)
 * (@sinergyinaction)
 * [3 years, 11 months ago](https://wordpress.org/support/topic/weird-behaviour-in-localhost/#post-15801585)
 * Hi [@elviiso](https://wordpress.org/support/users/elviiso/)
    I think the only
   difference is in the php version. The installed version of PHP in the laptop 
   via XAMPP is 7.3.3 while the one in the host server is 7.4 (where everything 
   seems to work fine)
 *  Plugin Support [elviiso](https://wordpress.org/support/users/elviiso/)
 * (@elviiso)
 * [3 years, 11 months ago](https://wordpress.org/support/topic/weird-behaviour-in-localhost/#post-15805060)
 * Hi [@sinergyinaction](https://wordpress.org/support/users/sinergyinaction/)
 * Could you please try to upgrade the PHP version on your localhost to see if it’ll
   resolve this?
 * In theory, if both WordPress installations have the same environment – same plugins,
   theme, WordPress, and PHP versions – then they should both have the same behavior.
 * However, if all of these factors are similar, then there could be a possibility
   that it may even be a server issue causing this. It’s going to be really difficult
   for us to diagnose this issue for you from our end since we can’t have a look
   at the page containing a gallery and test and inspect it further.
 * For now, kindly try to update the PHP version to see if it’ll help.
 * Kind regards,
    Elvis.
    -  This reply was modified 3 years, 11 months ago by [elviiso](https://wordpress.org/support/users/elviiso/).
 *  Thread Starter [sinergyinaction](https://wordpress.org/support/users/sinergyinaction/)
 * (@sinergyinaction)
 * [3 years, 11 months ago](https://wordpress.org/support/topic/weird-behaviour-in-localhost/#post-15807445)
 * Hi,
    I just upgraded to php 7.4.29 and the result is the same (have a look in
   [here](https://drive.google.com/file/d/1iUjx3fDdnsLFW9eAXNkVsLw2cOEH-62J/view?usp=sharing)
   compared to [here ](https://pc-designer.permacultura-es.org/proyectos/)
 *  Plugin Support [elviiso](https://wordpress.org/support/users/elviiso/)
 * (@elviiso)
 * [3 years, 11 months ago](https://wordpress.org/support/topic/weird-behaviour-in-localhost/#post-15813418)
 * Hi [@sinergyinaction](https://wordpress.org/support/users/sinergyinaction/)
 * Unfortunately, I am unable to effectively investigate what is really causing 
   this without being able to have a look and analyze/inspect a page containing 
   the gallery.
 * If the same issue does occur on the live/production site, kindly share a link
   to a page where the issue is occurring on and I’ll investigate it further.
 * For now, the best option could be to ask you to use our troubleshooting guide
   to find out what’s causing this: [https://fooplugins.com/documentation/general/general-troubleshooting/health-check-debug/](https://fooplugins.com/documentation/general/general-troubleshooting/health-check-debug/)
 * Thanks.
 * Kind regards,
    Elvis.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Weird behaviour in localhost’ is closed to new replies.

 * ![](https://ps.w.org/foogallery/assets/icon-256x256.gif?rev=2602542)
 * [Photo Gallery by FooGallery : Responsive Image Gallery, Masonry Gallery & Carousel](https://wordpress.org/plugins/foogallery/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/foogallery/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/foogallery/)
 * [Active Topics](https://wordpress.org/support/plugin/foogallery/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/foogallery/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/foogallery/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [formatting](https://wordpress.org/support/topic-tag/formatting/)

 * 5 replies
 * 2 participants
 * Last reply from: [elviiso](https://wordpress.org/support/users/elviiso/)
 * Last activity: [3 years, 11 months ago](https://wordpress.org/support/topic/weird-behaviour-in-localhost/#post-15813418)
 * Status: resolved