Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 13, 2018 at 9:03 pm #926234
    Colferg

    hi there,

    I would like my instagram feed to span the whole width of the screen- I have tried a couple plug-ins and adjusted the code on both but nothing seems to work- right now I am using photo galleries that connect to my instagram page, until I can get it sorted.

    thank you
    Colleen

    March 14, 2018 at 11:08 pm #926902
    Vinay

    Hey Colferg,

    I checked your site but couldn’t find the instagram element. Would you mind providing a precise link showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    March 16, 2018 at 5:42 am #927910
    Colferg

    Hi Vinay,

    Please see the following page.

    Contact

    I want the instagram feed first row of photos to span the full width of the screen like the row of images below (which are just a masonry gallery of my images linked to instagram until we can get this sorted)

    Thank you,
    Colleen

    March 16, 2018 at 11:44 am #928042
    Nikko

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    .page-id-3744 #after_section_1 .container {
    padding: 0 !important;
}

    Hope it helps :)

    Best regards,
    Nikko

    March 17, 2018 at 7:05 am #928377
    Colferg

    Hi Nikko,

    I tried this but it didn’t work with the current layout I had at 1310px for maximum container width, which was default. When I changed that to 100% it worked for my instagram feed, but it created another problem. I don’t like the rest of my content on the rest of my website stretched to fullscreen. I preferred it when that content was set at max width of 1310px. Can you provide custom CSS for only my instagram feed to stretch the full width so I can leave the general settings at 1310px for max container width.

    please see images for reference

    thank you,
    Colleen

    March 19, 2018 at 5:37 pm #929174
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .page-id-3744 #after_section_1 .container {
    max-width:1310px;
}

    Best regards,
    Vinay

    March 20, 2018 at 6:21 am #929524
    Colferg

    Hello,

    is there a way we can address it so the quick css isn’t page specific? I want to do this on a number of pages and they don’t all fall after section 1.

    Thank you,
    Colleen

    March 20, 2018 at 6:45 pm #930045
    Vinay

    Hi,

    In that case please turn on CSS class name support

    Turn on Custom CSS Class field for all ALB Elements

    Then add a class name to the insta widget and replace the page ID with the class name in the above code.

    Let us know if you have any questions.

    Best regards,
    Vinay

    April 25, 2018 at 3:21 am #946354
    Colferg

    Hi Vinay,

    when I try that it changes the ig gallery from being full screen and pulls it away from the edges please see linked images for reference. I really want the ig gallery to be full with and when I use the page id code it doesn’t recognize it on either pages such as my home page either. Every page it seems needs different custom css or class name to work….?? please help

    thank you,
    Colleen

    April 26, 2018 at 10:03 am #947152
    Vinay

    Hi,

    Please add the below code to make the gallery fullwidth

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all #after_section_1 .container {
    width: 100%;
    max-width: 100%;
}}

    Best regards,
    Vinay

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.