Joomla Templates Club 406,261 posts

[latino07 Friend latino07Join date: September 2011Posts: 52Downloads:0Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#171968

hi:

How I could make top-social background transparent?

TIA

🙂

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#430502

Hello Tia,

Please edit the template.css file in templates/ja_kranos/css folder and find
.top-social {
text-align: right;
padding: 0 10px 0 0;
}

Replace it with the following code to have white background and some space above and below the social icons..

.top-social {
text-align: right;
padding: 5px 10px 5px 0;
background: white;
}

Now there must be some black space above and below this white area containing social icons. To remove it find the following in the same css
#ja-header .main {
padding: 5px 0;
background: #111;
}

Replace it with the following to have the styling exactly as shown in the attached screenshot
#ja-header .main {
padding: 0;
background: #111;
}

---

Attachments:

1. 

[simpsonix Friend simpsonixJoin date: July 2009Posts: 52Downloads:0Uploads:1 Thanks: 27 Thanked: 1 times in 1 posts]

#452793

but that solution only makes the background white. how can I make it transparent, so that I can see the slideshow image?
thanks, simpsonix

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#452794

in the places mentioned try changing
background:white; to background:none; and change
background: #111 to background:none;

and see if that works!

1 user says Thank You to swissa for this useful post

1. simpsonix

[simpsonix Friend simpsonixJoin date: July 2009Posts: 52Downloads:0Uploads:1 Thanks: 27 Thanked: 1 times in 1 posts]

#452800

thanks a lot! that worked!

<em>@swissa 319379 wrote:</em><blockquote>in the places mentioned try changing
background:white; to background:none; and change
background: #111 to background:none;

and see if that works!</blockquote>

[Author]

Posts