-
AuthorPosts
-
October 29, 2018 at 11:03 pm #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, 1 month ago by Roger.
November 2, 2018 at 6:07 am #1029019Hey 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,
IsmaelNovember 2, 2018 at 1:36 pm #1029145Hi 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, 1 month ago by Roger.
November 6, 2018 at 3:56 am #1030156Hi,
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,
IsmaelNovember 6, 2018 at 1:41 pm #1030388Hello 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¨
RogerNovember 8, 2018 at 5:53 am #1031112Hi,
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,
IsmaelNovember 8, 2018 at 10:23 pm #1031416Hi 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, 1 month ago by Roger.
November 12, 2018 at 6:29 am #1032439Hi,
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,
IsmaelNovember 12, 2018 at 8:24 am #1032457Hi 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
rogerNovember 13, 2018 at 12:05 pm #1032950Hi,
Could you disable the maintenance mode temporarily? I can’t access any of the pages on my end.
Best regards,
IsmaelNovember 13, 2018 at 1:43 pm #1033008Hello Ismael
Sorry for that. I just disabled the maintenance mode.
Thanks for help
kinde regards
RogerNovember 14, 2018 at 11:20 am #1033434Hi,
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,
IsmaelNovember 17, 2018 at 2:54 pm #1034733Hello 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
RogerNovember 18, 2018 at 9:06 am #1034835Hi,
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.comBest regards,
Vinay -
AuthorPosts
- You must be logged in to reply to this topic.