-
AuthorPosts
-
May 17, 2020 at 5:46 pm #1213831
Dear Kriesi Team!
I have an issue with the page in private content (Gallery Page)
The portfolio grid alignment is gone. I believe is due to one of the css codes placed. Would appreciate some guidance!/*#footer { padding: 5px 0 5px 0 }*/ @media only screen and (max-width: 989px) { .caption_container { padding-top:20px !important; } } @media only screen and (min-width: 989px) { .mobile-slider { display: none !important; } } /*@media only screen and (max-width: 3000px) { .responsive #top #wrap_all #header { position: absolute; } } */ /* affect mobile version fullscreen slider 2nd button*/ @media (max-device-width: 768px) { .avia-multi-slideshow-button.avia-slideshow-button-2 { margin-left: 0px!important; } } /*affect desktop Fullscreen Slider 2nd button*/ /*@media only screen and (min-width: 768px) { .avia-multi-slideshow-button.avia-slideshow-button-2 { margin-left: 0px!important; }*/ @media only screen and (min-width: 768px) { .page-id-124 .av_one_half fieldset { width: 60%; display: table; margin: 0 auto; } .page-id-124 .av_one_half p { width: 100%; } .page-id-659 .av_one_half fieldset { width: 60%; display: table; margin: 0 auto; } .page-id-659 .av_one_half p { width: 100%; } } .avia-menu-fx { display: none; } .av-styling-circle .avia_image { width: 200px; height: 200px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; } /*background: url(https://www.sighttosky.org/wp-content/uploads/2020/04/elizabeth_new.jpg) no-repeat;*/ #av_section_1 div .av_one_third { margin-left: 2%; } #av_section_1 div .av_one_third.first { margin-left: 6%; } #av_section_4 div .av_one_third { margin-left: 2%; } #av_section_4 div .av_one_third.first { margin-left: 6%; } #menu-item-71 .avia-menu-text { color: #9bf2e8; } #menu-item-71:hover .avia-menu-text { color: #9e9e9e; } #menu-item-1118:hover .avia-menu-text { color: #9bf2e8; } #menu-item-1118 .avia-menu-text { color: #555555; } body .av-special-heading.classic-quote > * { font-family: 'Raleway'; font-style: italic; font-weight: 400; } av-special-heading-tag { font-family: 'Raleway'; font-style: italic; font-weight: 400; }
May 19, 2020 at 3:44 am #1214157Hey Kayzel,
I don’t think it’s due to your CSS since you are getting a lot of errors related to jQuery on the page. Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
RikardMay 19, 2020 at 4:16 am #1214167Hi Rikard,
Credentials are provided below!
Best regards,
Marcus- This reply was modified 4 years, 7 months ago by kayzelmoo. Reason: Update ID
May 19, 2020 at 9:06 am #1214230Hi Moderators,
Bump!
Best regards,
MarcusMay 19, 2020 at 10:14 am #1214255Hey,
Please remove following codes
#av_section_1 div .av_one_third.first { margin-left: 6%; } #av_section_1 div .av_one_third { margin-left: 2%; }
Regards,
YigitMay 19, 2020 at 11:03 am #1214284Hi Yigit!
But my clients want the margins to be closer on (For this 3x 1/3 segment) [as post on private content]
Is there another CSS code that may tackle both issues concurrently?
Best regards,
MarcusMay 19, 2020 at 11:20 am #1214291Hi Marcus,
When you delete those custom CSS codes, there should be no space between items. That is the desired layout on your Gallery page, is that corrcet?
Also, I could not see the issue on the page you shared in private content field. Could you please post a screenshot and show it? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here :)
Best regards,
YigitMay 19, 2020 at 1:33 pm #1214331Hi Yigit!
The clients want the margins between the 1/3 columns to be closer- so another moderator gave me that code for reference and it work. But created the gallery portfolio grid issueMay 19, 2020 at 2:16 pm #1214338Hi Yigit,
I commented out the 2 lines u recommended, meanwhile hoping you got a solution to decrease the margin between Access Education building (Closer together), while not affecting portfolio grid!
Best,
MarcusMay 20, 2020 at 3:40 pm #1214696Hi Marcus,
Please edit the Color Section element and give it a unique ID (“my-unique-id” in example below) in Advanced tab.
Then add following code to Quick CSS#my-unique-id div .av_one_third:not(.first) { margin-left: 3%; } #my-unique-id div .av_one_third { width: 31.3%; }
This would only target 1/3 columns inside Color Section element with “my-unique-id” ID :)
Best regards,
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.