Okay
  Public Ticket #2286451
Caption and footer border
Closed

Comments

  •  11
    mustafaljuboori started the conversation

    Hi Laborator,

    I have two minor things I hope you guys can help me adjusting it. 

    First one, how to make photo caption appears under my he image ? 

    And the second one how to make footer blend with border when viewed on mobile ? 

    Thanks and enjoy your upcoming weekend. 

  •   mustafaljuboori replied privately
  •  1,558
    Laborator replied

    Hi Mustafa,

    1. Unfortunately that is not possible, you cannot show the caption below the image, even with Custom CSS there cannot be a perfect fix for this.

    2. Autoptimize is causing this, please check the image below and see that it is adding a margin: 14px in your site which is causing the footer to have margin all around it:

    medium
    (view large version)


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  11
    mustafaljuboori replied

    Oh ok. 😢

    Regrading to the 2nd issue, will this margin will be fixed if I tried to deactivate the autoptimze ?

    when I put the the border thickness on 15 this margin will disappear. 

  •  1,558
    Laborator replied

    Hi Mustafa,

    If you disable the plugin it should remove the margin, also using Custom CSS it can overwrite the plugin CSS.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  11
    mustafaljuboori replied

    I deleted the plugin but still the margin appear, also what is Custom CSS and how to overwrite the plugin?

    The photo you send it doesn't appear when I click on it


    P.S : this question may sound very inexperienced because I don’t have experience in this field. 

  •  1,558
    Laborator replied

    Hi there,

    In your Custom CSS you have added this CSS:

    @media screen and (max-width: 992px) {
        body > .wrapper, .top-menu-container, .portfolio-description-container, .single-portfolio-holder .portfolio-navigation, .portfolio-slider-nav, .site-footer, .woocommerce-demo-store .woocommerce-store-notice {
            margin: 14px !important;
        }
    }
    

    Which is causing all this, please check what you have modified in your site as this is coming from a customization and not from the theme, also the list of the plugins which you have installed in your site does not look alright to me. Lots of plugins can cause conflicts with the theme and each other.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  11
    mustafaljuboori replied

    Hi there,

    the custom CSS you are mention was added by your team when I requested that the image when viewed on mobile will look in a a certain way. 

    I never added any Custom CSS on my own because I’m not experienced in coding. 

    Also can you please point out what plugin is causes  the conflict and what plugins I should delete so my website look alright and without any conflicts ? 

    ive also changed the margin from 14 pax to 10px and the footer is blended with the border now but does this causing any problems?

    Thank you 

  •  1,558
    Laborator replied

    Hi Mustafa,

    Sorry about the inconvenience, I thought the CSS was added by you. Regarding the plugins, I didn't mention any specific plugin but we recommend sticking to the theme supported plugins and not using too many plugins as they can slow down your site. Here you can see the full list of compatible and supported theme plugins.

    Happy to hear that the problem with the footer is gone now, if you have any other question or issue please create a new ticket.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group