Docs

[fredlemare]

Hi support
I had integerity with in “Layout and Design”
– Site Layout : Boxed
– Content Layout : Fullwidth
– Background color : empty
– a background image

I looking for a solution to have a transparent logobar but i had always a blank background with :

CUSTON “Edit Global CSS” :

.x-logobar {
border: none;
background-color: transparent;
box-shadow: none;
}

But nothing append

I trie :

.x-logobar {
border: none;
background-color: transparent;
box-shadow: none;
}
.x-boxed-layout-active .site {
background-color: transparent;
}

The logobar is Transparent ok BUT I had transparence on the boxed to(on the content) and i had also a vertical pixel line on the left and right border of the logobar.

I search on the forum but find nothing ok
Can you help me ?

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[fredlemare]

http://www.ustours.fr

[fredlemare]

This reply has been marked as private.

[Rupok]

Hi there,

Yes your logo taking all the space within Logobar so you can’t see it transparent while it is transparent. If you use a smaller logo that will be visible.

Let us know if you need any other assistance.

Thanks!

[fredlemare]

Hi,
The site is in production, so i take a remplacement solution and put an image who take all the place.
If i put a png with transparence or no logo image i have already a blanc band.

I note that (when i put some color with #aaaaaa):
.x-container.max => change background logobar + background article but not background of boxxed
.x-boxed-layout-active .site => change background of boxed + background of logobar

So if i put :
.x-container.max: transparent;
.x-boxed-layout-active .site: transparent;
i have all transparent.
if i put color in one of them, the logo bar take the color.

Thanks!

[Lely]

Hi There,

We have two layers on your logo bar.

First: .x-boxed-layout-active .site > currently set to white background color
Second: .x-logobar > currently set to white background color
On top of those two layers is your logo.

.x-container.max: doesn’t have background color. Through this you can see the background color behind it which is the .x-logobar

So if you want transparent logobar, something like this should work:

.x-boxed-layout-active .site,
.x-logobar{
   background-color: transparent !important; */
}

Hope this helps.

[fredlemare]

This is the result of the CUSTOM CSS

All is transparent
Some pixel line are visible on left and right

[Lely]

Hi There,

That is the border and box shadow. To remove that, please update to this:

.x-boxed-layout-active .site, .x-logobar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

Hope this helps.

[fredlemare]

Thanks!
It’s work if i put color in section background.

[Lely]

You’re welcome!

Cheers!

[Author]

Posts