Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1027776

    Hi
    The Color section are full-width. How can I change that, so the color section is aligned with my masonary portfolio ( I use a “big gap” between the portfolio images and also the blog images ) and also the portfolio filter section, the “load more” section and on the blog sectio, which I also use the masonary style with big gap. I hope you understand what I mean ;-). In your Demo Dark Photography you are use the masonary with “no gap”, so it is all aligned.

    Thanks for your help
    Kind regards
    Roger

    • This topic was modified 6 years ago by Roger.
    #1029019

    Hey Roger,

    Thank you for using Enfold.

    Can you give us a screenshot of the issue? You can use imgur or dropbox. I would like to check the site but it’s on maintenance mode. Please post the login details in the private field.

    Best regards,
    Ismael

    #1029145

    Hi Ismael

    Thanks for answer. I put the cred below and the screenshot in dropbox. I saw some solution in the documentation about that, but I can not make it work. ( https://kriesi.at/documentation/enfold/color-section/#toggle-id-11-closed )

    Thanks for Help
    Kinde Regards
    Roger

    • This reply was modified 6 years ago by Roger.
    #1030156

    Hi,

    Thanks for the update.

    You can add a unique Section ID to the masonry element and use it to adjust the maximum width of its container. (see private field)
    The masonry element on that page has a section id called “portfolio-section”. I’ve added this code on the Quick CSS field:

    #portfolio-section .av-masonry-container {
        max-width: 1600px;
        margin: 0 auto;
        float: none;
    }

    Or try to move the masonry element inside a color section.

    Best regards,
    Ismael

    #1030388

    Hello Ismael

    Thanks for your answer. Actually, I mean the wide of the “color section container”. I dont want to change the wide of the masonary element. They just fine. I like to change the wide of the “color secitons container” in the portfolio page and the blog page. I want that all is aligned on the left and on the right side of the page. ( now color sections are all fullwide and i like to change that )

    Thanks for your help
    kinde regards¨
    Roger

    #1031112

    Hi,

    I’m sorry but I’m a bit confuse. Which color sections? Can you give us a link to the page with the color section?
    You can also add Section IDs to the color section and then copy the css code above to change the width of their container.

    #your-custom-section-id .container {
        max-width: 1030px;
    }

    Replace the “your-custom-section-id” selector with the Section ID of your color section.

    Best regards,
    Ismael

    #1031416

    Hi Ismael
    thanks for the code. Sorry for the missunderstanding. in the portfolio page there is the titel section and a masonary section. the titel section is full wide but the masonary is not full wide. So I like that the titel section container and if you scroll down to the text section container ( below the masonary porfolio ) is NOT full wide. I like everything be aligned.

    See the screenshot and the link

    Thanks for help
    kind regards
    Roger

    • This reply was modified 6 years ago by Roger.
    #1032439

    Hi,

    Thanks for the update. The site just redirects to the “coming soon” page. I tried to disable the maintenance mode in the theme options but it’s still the same.

    Best regards,
    Ismael

    #1032457

    Hi Ismael

    Thanks for answer. Yes it happen to me too. It not usual. I always turn off Browser changing than it work fine. I use firefox and turn on denveloper tool.

    Thanks for help
    kind regardss
    roger

    #1032950

    Hi,

    Could you disable the maintenance mode temporarily? I can’t access any of the pages on my end.

    Best regards,
    Ismael

    #1033008

    Hello Ismael

    Sorry for that. I just disabled the maintenance mode.

    Thanks for help
    kinde regards
    Roger

    #1033434

    Hi,

    Thanks for the update.

    The masonry element on the portfolio page is already fullwidth.

    // https://imgur.com/a/hlhoo8j

    Have you tried adjusting the Enfold > General Layout > Dimension > Maximum Container Width to 1920px? You can also set the value to “90vw”, which is 90% of the browser width or viewport.

    Best regards,
    Ismael

    #1034733

    Hello Ismael

    Thanks for your answer. Ok, I put the maximum container width to 1920px. I like that style more, thanks a lot.

    But the thing I meant is: If you see your screenshot, than the conainer with the title ” VORLAGE PORTFOLIO EINTRAG …” ) is full width and goes all the way to the left and right of the screen. But, the masonary ( actually also full width ) does not go all the way to the end of the screen. But thats good for me.

    I like that the container with the title ” VORLAGE PORTFOLIO EINTRAG …” ) is aligned to the masonary container below on the left and right side of the screen. I hope you ok what I mean.

    kinde regards
    Roger

    #1034835

    Hi,

    I’m sorry, but your requirement is not clear. If you still have any issue please upload a screenshot/mockup to one of the below sites and share the link here so we can help you better :)

    https://snag.gy/
    https://ctrlv.cz/en/
    https://imgur.com

    Best regards,
    Vinay

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