Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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;
    }
    #1214157

    Hey 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,
    Rikard

    #1214167

    Hi Rikard,
    Credentials are provided below!
    Best regards,
    Marcus

    • This reply was modified 2 months, 3 weeks ago by  kayzelmoo. Reason: Update ID
    #1214230

    Hi Moderators,
    Bump!
    Best regards,
    Marcus

    #1214255

    Hey,

    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,
    Yigit

    #1214284

    Hi 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,
    Marcus

    #1214291

    Hi 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,
    Yigit

    #1214331

    Hi 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 issue

    #1214338

    Hi 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,
    Marcus

    #1214696

    Hi 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

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.