[hotvisionParticipant]

How can i do this?!

[ThaiModerator]

Hi There,
Thanks for writing in!
Try adding following CSS under Appearance > Customize > Custom > CSS:

#x-content-band-1 {
  background-color: transparent;
}

You can replace the number ‘1’ by your Content Band’s ID.
Hope it helps.

[hotvisionParticipant]

This reply has been marked as private.

[John EzraMember]

Hi there,

Thanks for updating the thread! To get a black background that has transparency you need to use either the opacity rule or use an rgb color + alpha which is rgba.

Opacity Example:

#x-content-band-1 {
  background-color: #000000!important;
  opacity: 0.5;
}

rgba example:

#x-content-band-1 {
  background-color: rgba(0,0,0,0.5)!important; 
}

Note: the !important attribute isn’t always necessary, I just included it so if there are any conflicts the new CSS rule will overwrite it.

To get the Content Band #, you will need to inspect the code. select the content band you wish to ad the background to, then right click and select inspect element. You will find divs with ids x-content-band-#.

Regarding the map in the footer, you can add a text widget in the footer widget areas and use the [map] or [google_map] Shortcode.

http://theme.co/x/demo/integrity/1/shortcodes/map/

https://theme.co/x/member/kb/shortcode-walkthrough-map/

Hope this helps – thanks!

[hotvisionParticipant]

Thank you very much! It works 🙂

Can you please help me also to setup the navbar transparency?

regards

[ThaiModerator]

Hi There,
Try adding following CSS under Appearance > Customize > Custom > CSS:

.x-navbar {
background-color: transparent;
}

Hope it helps.

[hotvisionParticipant]

mmm i’m sorry but didn’t work..

[ThaiModerator]

Hi There,
Could you please provide us with your website URL so we can take a closer look?
Many thanks.

[hotvisionParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,
Try adding the !important; after CSS code:

.x-navbar {
background-color: transparent !important;
}

Hope it helps.

[hotvisionParticipant]

if I add !important the navbar is really transparent without black :O

[LelyModerator]

Hello There,

If you want a transparent black background for the navbar please edit the following code in your Customizer via Appearance > Customize > Custom > CSS:

From this

.x-navbar {
background-color: transparent !important;
}

To this

.x-navbar {
  background-color: rgba(0,0,0,.6) !important;
}

* adjust the .6 value to your preferred black transparency. Must be less than 1

Hope this helps.

[hotvisionParticipant]

Perfect, it works!

Last thing you can help me please to understand why the logo image I inserted into the footer doesn’t appear?

It is the same of the logo in the navbar.. I really don’t understand why…

Thank you

[Prasant RaiModerator]

Hello There,

Thanks for writing in.

Unfortuantly your HTML syntax for image source is not correct. Kindly see the screenshot http://prntscr.com/6rovxp.

To fix that kindly replace the following code:

<img src="”http://nextparty.it/wp-content/uploads/2015/04/logo-Q21bianco-01-2.png”">

with

<img src="http://nextparty.it/wp-content/uploads/2015/04/logo-Q21bianco-01-2.png">

Hope that helps.

Thanks.

[hotvisionParticipant]

Wow thank you so much! It work!!

Trust me, there wasn’t the wrong code in the footer widget, how it is possible?

[Author]

Posts