JayVanDyke

Also, your pagination titles that are moved over are because the titles are so long and then you have this code. The nowrap makes them stretch wider than the screen. Shrinking the titles won't necessarily fix this though, you'll need to adjust line height or let them wrap when they need to.

You'd have to manually add buttons with some code to those pages at the beginning or the end of the posts that don't have the buttons. The problem with this is when you add another one at the end you'll need to adjust the code for the first and last one again to get the new page in there. Also it would be a manual change to only adjust the titles for those pages on the pagination links. The names come from the titles of the blogs, can you not change what it's called there?

To change the titles with code you'll need to add a code block to each page you need to change and then try this. Remove next or previous on the pages where you don't need it. This will not add the links to pages that don't already have them though, that's a different project altogether and slightly more complicated.

 

<style>
.item-pagination-link--next .item-pagination-title {
    font-size: 0 !important;

    &:after {
        content: 'new title name here';
        font-size: 20px; /*from your code*/
        font-family: var(--portfolio-item-pagination-font-font-family);
        font-style: var(--portfolio-item-pagination-font-font-style);
        font-weight: var(--portfolio-item-pagination-font-font-weight);
        letter-spacing: var(--portfolio-item-pagination-font-letter-spacing);
        text-transform: var(--portfolio-item-pagination-font-text-transform);

    }
}

.item-pagination-link--prev .item-pagination-title {
    font-size: 0 !important;

    &:after {
        content: 'new title name here';
        font-size: 20px; /*from your code*/
        font-family: var(--portfolio-item-pagination-font-font-family);
        font-style: var(--portfolio-item-pagination-font-font-style);
        font-weight: var(--portfolio-item-pagination-font-font-weight);
        letter-spacing: var(--portfolio-item-pagination-font-letter-spacing);
        text-transform: var(--portfolio-item-pagination-font-text-transform);

    }
}

  
</style>

can you share your link? It's easier to come up with the code on a live page

try this. Seems like a whole bunch of extra margin down there. You could also change that 0 to another number. The default was 20%.

.user-items-list-carousel__media-container {
  margin-bottom: 0 !important;
}

you could just remove the border from the top only. Add this directly after your current border code in the body element.

border-top: none !important;

If that doesn't work we'll need you to make the announcement bar live and leave your code in there and then share your link so we can check it out live.

Ahh yea....sorry it was trying to load your editor instead of the page. I should have realized but not enough coffee today maybe 🙃

Try this

section[data-section-id="651597d004d0441072b29cc5"] .sqs-block-video {
    .sqs-block-content, .intrinsic, .embed-block-wrapper, .sqs-native-video  {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        padding: 0 !important;
    }
    .video-player {
    	padding: 0 !important;
    	video {
    		object-fit: cover !important;
    	}

    }
}

can you share your site? if it's private set it to password protected. We'd have to see how the code is set up live on your site to check out whats going on.

Still seems to be no password setup to view it. I've done this on another client's site but I need your live page to do it a little easier.

Go to Settings > Site Availability > Password Protected

Then enter your password you want and save.

Try this maybe?

.eventlist-excerpt p {
  color: #5F7260 !important;
}

This is all how the blocks are arranged. You have a few sets of them with images on top of each other instead of image and text in a row. One of them has lots of images stacked and then a whole column of text stacked. You need to have them arranged just like the first few are set up.

It looks like you're getting a 404 error on the font file. Maybe reupload it and add the link to your CSS again?

I think this is because of the old developer mode stuff. There's probably still some dev mode content cached either in your browser or in SS. The only one I see it in now is the events page, in the code it looks like it's missing a class for the image overlay so probably by clicking into that first section it resets it. Maybe if its still not working on events you can remove the background image and add it back in?

can you share a link? This is much easier though with a gallery or list section and may not be possible with individual images within a section.

It's definitely there, pretty close to the top. 

You can set a link to the image 

Looks like this font just has some extra headroom in it. I did it with some padding

.header-actions-action .btn {
  padding-top: 9px !important;
  padding-bottom: 6px !important;
}

can you share your link?

according to the code that's on the page you have an html block and an image block for the top one and an html block, image block, and shape block for the bottom one. Your code is transitioning the opacity of the html block and does nothing to the shape block in either one, unless im missing something here? Check screenshots.

either remove !important from the second rule or add it to the first one. The important is overriding your hover state.

Yea something like this might work to remove it from navigation but if you have buttons in other places that will need to be hidden too.

.header-menu [data-folder="/sendamessage-folder/"] .header-menu-nav-item:last-child {
  display: none;
}

There's no shape block on the top one so you should just remove that shape block altogether. no code required.

You have a shape block that isn't changing opacity. When I set its display to "none" your code works just fine. 

this CSS rule is doing it in the screenshot. Remove the !important from your desktop rules or add !important to your mobile rule...

 

Add this to custom css too

#mobile-navigation {
  min-height: 100vh;
}

is this not it?