Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • July 19, 2019 at 7:42 pm #1120325
    Farallon

    How would i create less of a gap/ white space between PROPERTIES and the masonry gallery sorting area?

    July 19, 2019 at 8:32 pm #1120337
    Jordan Shannon

    Hey Farallon,

    Is this just on the home page? Add this to quick css:

    
#after_full_slider_1 .template-page.content{
padding-bottom:0px!important;
}

    Best regards,
    Jordan Shannon

    July 19, 2019 at 9:03 pm #1120352
    Farallon

    Yes, That helps. How do I make the PROPERTIES text left justified? I set it to left justified in the settings but it is not fully left justified. I added a screenshot

    July 20, 2019 at 11:26 am #1120426
    Rikard

    Hi,

    It’s actually all the way to the left, but it looks misaligned since the element below it is full width. You can use this CSS to adjust it to the left though:

    .home #after_full_slider_1 .container {
  padding:0 !important;
}

    Best regards,
    Rikard

    July 20, 2019 at 10:27 pm #1120491
    Farallon

    I did add that code but things look off. Is there anyway the Properties can be paced exactly like the sorting options?

    This is the code I added to make the sorting options left justified. 

    div.av-sort-by-term {
    text-align: left;
}
    July 21, 2019 at 12:26 am #1120525
    Jordan Shannon

    Hi,

    So you want properties moved to just above the sort options?

    Best regards,
    Jordan Shannon

    July 22, 2019 at 6:11 pm #1120972
    Farallon

    Ideally I would like the two elements “Properties” and the sorting options to always be left aligned with one another. On larger screen right now Properties is more right.

    • This reply was modified 6 years, 7 months ago by Farallon.
    July 23, 2019 at 8:46 am #1121115
    Rikard

    Hi,

    Thanks for the clarification. Please try this CSS as well:

    .home .av-masonry-sort {
    padding: 20px !important;
}

    Best regards,
    Rikard

    July 31, 2019 at 10:04 pm #1123652
    Farallon

    no problemo. I added that new code as well but things do not look any different.

    July 31, 2019 at 10:49 pm #1123655
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, be sure to clear the cache few times over.

    Best regards,
    Jordan Shannon

    July 31, 2019 at 11:09 pm #1123676
    Farallon

    Yes and yes.

    July 31, 2019 at 11:45 pm #1123681
    Jordan Shannon

    Hi,

    Add this to quick css:

    h3.av-special-heading-tag {
padding-left:40px!important;
}

    Best regards,
    Jordan Shannon

    August 1, 2019 at 9:00 pm #1123977
    Farallon

    Things are still not lined up when I add that code – cleared cache and all.

    August 4, 2019 at 11:55 am #1124495
    Victoria

    Hi Farallon,

    Could you please attach some screenshots of the issue? Which screens size are you looking at?

    Best regards,
    Victoria

    August 5, 2019 at 7:54 pm #1124834
    Farallon

    Below are links to the issues. I want the properties text to be left aligned with the All/ 131 Missouri on all screens.

    August 6, 2019 at 7:57 pm #1125223
    Victoria

    Hi Farallon,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#av-masonry-1 {
  padding-top: 0px;
}
.home  #av-masonry-1 .av-masonry-sort {
  padding-top: 10px;
}

    and remove this:

    
.home .av-masonry-sort {
    padding: 20px !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 6, 2019 at 8:19 pm #1125236
    Farallon

    Hi Victoria, I added that code but things did not seem to change.

    August 7, 2019 at 6:12 pm #1125627
    Victoria

    Hi Farallon,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    August 7, 2019 at 7:33 pm #1125691
    Farallon

    Sure, here you go!

    August 10, 2019 at 7:43 pm #1126526
    Mike

    Hi,
    Sorry for the late reply and thank you for the login and screenshots. I removed this css from your Quick CSS:

    h3.av-special-heading-tag {
padding-left:40px!important;
}
.home #after_full_slider_1 .container {
  padding:0 !important;
}

    I then added this css:

    @media only screen and (min-width: 1310px) { 
#top.home #after_full_slider_1 > div.container {
	margin: 0 !important; 
}
}
@media only screen and (max-width: 767px) { 
#top.home #after_full_slider_1 > div.container {
	margin: 0 !important; 
	padding-left: 55px !important; 
}
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    August 12, 2019 at 7:32 pm #1126926
    Farallon

    Wonderful,

    Thank you good sir!

    August 12, 2019 at 8:46 pm #1126969
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘Short Gap between these elements’ is closed to new replies.