Docs

[Jacko_Pinto]

Hello.

I’m working on this new site and came across a few things:

• I’m using Uber menu, but new the menu bar to be the full width of the “main block”… I’ve tried several things but it hasn’t worked. Can you please help with that? (see attached screen shot)
• How can I change the current background color of the posts (currently white), so that it matches the rest of the site which is black. I’d like to change it for both the boxes on the home page and the inside page once you click on it. Please see attached screenshot
• When viewed on mobile, for some reason the second content block called “La Autora”, shows a gray rectangle on top and at the bottom, please see attached screen shot. I’m tried a million things and just can’t get rid of it.

Thanks for the help!

[Jacko_Pinto]

This reply has been marked as private.

[Paul R]

Hi,

Thanks for writing in!

To fix these issues, you can add this under Custom > Edit Global CSS in the Customizer.

/* navbar width */
.x-navbar .x-container.max {
    max-width: 100%;
    width: 100%;
}

/* recent post background color and text color */
.x-recent-posts a {
    background-color:#fff;
}

.x-recent-posts .h-recent-posts,
.x-recent-posts .x-recent-posts-date {
    color:#fff;
}

Then add this in Cornerstone > Settings Custom CSS

https://www.screencast.com/t/UIPW7GRa

.x-section .x-container.max.width {
   background-color:transparent;
}

Hope that helps.

[Jacko_Pinto]

This reply has been marked as private.

[Jade]

Hi there,

Please try this code:

@media (max-width: 767px) {
    h4.h-custom-headline {
        margin-top: 0;
        padding-top: 1.25em;
    }
}

textarea, input[type="text"], input[type="password"], 
input[type="email"], input[type="url"], input[type="search"], 
input[type="tel"] {
    background-color: rgba(255,255,255,0.5);
}

.error404 .site {
    background-color: #efefef;
}

.h-custom-headline.accent span:before, 
.h-custom-headline.accent span:after {
    height: 1px;
}

Hope this helps.

[Jacko_Pinto]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! To change the background color of the single blog post, you can add this under Custom > CSS in the Customizer.

.single-post .site {
  background-color: black;
}

Feel free to change the background color.

Hope this helps.

[Jacko_Pinto]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in!

#1] Upon checking your homepage, it turns out that your section, row and column has a background color. Please remove the background color in your row settings.

#2] To get rid of the title and the white line, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.single-post .x-header-landmark {
    display: none;
}

Hope this helps. Please let us know how it goes.

[Jacko_Pinto]

Thank you for your reply.

1) Thank you very much for clarifying that… looks great now.
2) Worked great

Thank you very much for all your help. Best regards

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts