Joomla Templates Club 406,261 posts

[kenedi Friend kenediJoin date: September 2010Posts: 8Downloads:6Uploads:4]

#190518

How I can reduce the size of the light blue area?
I want to adapt the light blue area in the image.
I want to change too forward buttons to the right pictures.
Thank you.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#505589

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings

[kenedi Friend kenediJoin date: September 2010Posts: 8Downloads:6Uploads:4]

#505591

http://www.cefaerolineas.es/cefa25u/#

…..”Optimize CSS” to “No”…” now no.

I hope answer thanks.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#505593

<em>@kenedi 389154 wrote:</em><blockquote>

How I can reduce the size of the light blue area?
I want to adapt the light blue area in the image.
I want to change too forward buttons to the right pictures.
Thank you.</blockquote>

Okay, now for a couple of follow-up questions . . .

1. By how much do you want to reduce the light blue area?

2. What do you mean by “adapt the light blue area in the image?”

[kenedi Friend kenediJoin date: September 2010Posts: 8Downloads:6Uploads:4]

#505602

I want that there is no light blue part below the photo and I would like that my photos do not have to stretch or shrink them to fit, I adapt the light blue area to the photo without leaving room underneath.

Only would stay clear blue space left and right.

One more question, you can change the white background of the web for a picture?

Thank

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#505612

With regard to the blue space underneath the slideshow image, how about this . . .

Within file path –> /templates/ja_university/css/template.css

at line 1089, add a “height” property to the CSS rule, for example . . .


#ja-slideshow {
background: none repeat scroll 0 0 #D7E3E3
border-bottom: 1px solid #C3D5D5
height: 356px;
position: relative;
z-index: 10;
}

See if that gets you closer to what you are wanting.

1 user says Thank You to TomC for this useful post

1. sobini

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#505613

<em>@kenedi 389251 wrote:</em><blockquote>
One more question, you can change the white background of the web for a picture?

</blockquote>

I am not clear as to what you are asking …. can you clarify a bit more ??

:confused:

[kenedi Friend kenediJoin date: September 2010Posts: 8Downloads:6Uploads:4]

#505637

Hello:
I would not see the white background, I see a background image throughout the bleached area is possible.?
Regarding the previous post, I’ll tell him to change and results. Excuse my English, I’m Spanish and I do it with google.
Thanks.

---

Attachments:

1. 

[kenedi Friend kenediJoin date: September 2010Posts: 8Downloads:6Uploads:4]

#505788

I would not see the white background, I see a background image throughout the bleached area is possible.?

[kenedi Friend kenediJoin date: September 2010Posts: 8Downloads:6Uploads:4]

#505832

<em>@TomC 389263 wrote:</em><blockquote>With regard to the blue space underneath the slideshow image, how about this . . .

Within file path –> /templates/ja_university/css/template.css

at line 1089, add a “height” property to the CSS rule, for example . . .


#ja-slideshow {
background: none repeat scroll 0 0 #D7E3E3
border-bottom: 1px solid #C3D5D5
height: 356px;
position: relative;
z-index: 10;
}

See if that gets you closer to what you are wanting.</blockquote>

Not exactly what I want, do not want to remove it, I set it to not have light blue margin below.
The line I think it’s stopping this “div.ja-ss-mask.mask-left”. that’s what’s under the duplicate.

[kenedi Friend kenediJoin date: September 2010Posts: 8Downloads:6Uploads:4]

#505834

Do not know how, but something I touched and it will not leave.
Thank you.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#505917

Hi kenedi,

I ‘d like to answer your concerns in details here:

<blockquote>How I can reduce the size of the light blue area? I want to adapt the light blue area in the image.</blockquote>
You can open templates/ja_university/css/template.css file, find lines:

#ja-slideshow {
background: #d7e3e3;
border-bottom: 1px solid #c3d5d5;
position: relative;
z-index: 10;
box-shadow: none;
}


>> You can remove or change to your desired background and border-bottom color.

Then put below codes into the end of this template.css file:

.tp-bannershadow.tp-shadow2 {
display: none !important;
}

Clear JAT3 cache then.

<blockquote>I want to change too forward buttons to the right pictures.</blockquote>
I see that you are using the Smart Revolution Slider module on our JA University template, not our JA Slideshow lite as default. I’m not sure how forward buttons look like. Anyways, if you can enable these buttons in your slider’s module backend, may be I can suggest you to change them.

[Author]

Posts