Docs

[Sarah W]

Hi
I’m using Icon 8 demo. can I make the container transparent and get rid of the lines.
I’ve put CSS in that has got rid of some of it, but I don’t know how to make the background of the Cornerstone content
transparent.
http://www.waterarthouse.co.uk/AmblesideSports

Thank you

[Jade]

Hi Sarah,

Please add this CSS:

.x-main.full {
    background-color: transparent;
}

.x-boxed-layout-active .site {
    border: 0;
}

Hope this helps.

[Sarah W]

This reply has been marked as private.

[Sarah W]

Hey Jade,
Have figured out the transparent containers. and changed the feature to more posts. So don’t need to find out why it was disappearing.

Just the line under the logo remains.

and just one other thing…

I have the top line of posts as 2, whilst underneath the posts are in rows of 3.
is there any way to make the row of two posts the same height as the row of three?

Thank you

[Sarah W]

Hi again,
I’ve just changed the top row to text boxes in order to get them the same height as the row of posts beneath.

Is there any way of making those text boxes have rounded corners. I’ve checked the forum but the CSS provided isn’t working for me. Probably because I am utterly brainless with code.

[Joao]

Hi There,

To get rid of the line under the logo please add the following code to Appereance Customizer Custom CSS

.x-logobar, .x-logobar-inner {
border-bottom: none;
}

Regarding the size of the first two boxes you can add on Appereance > Customizer > Custom > CSS

@media only screen (min-device-width : 1024px) 
.post-777 .x-column.x-1-2 {
height: 220px;
 } }

I also would recommend you placing a 10 15px gap under each of this elements in order that they look separate on mobiles.

To make the elements have a rounded Corner you need to apply a border-radius, please add the following code to Appereance Customizer Custom CSS

.post-777 .x-column {
border-radius: 5px;
}

.x-recent-posts a.x-recent-post3 {
border-radius: 5px;
}

Hope that helps,

Joao

[Sarah W]

Thank you very much Joao

[Joao]

You are welcome.

Let us know if we can help you with anything else.

Joao

[Author]

Posts