Joomla Templates Club 406,261 posts

[newwebsi Friend newwebsiJoin date: November 2011Posts: 40Downloads:0Uploads:6 Thanks: 2]

#192498

Where is the css code to make the color left and right of the slide show be solid white not a faded effect as it is now

you can see on the site im doing it has a greenish color left and right of the slide image

http://ol.commercialsignexperts.com/

Thanks
Kyle
http://www.Newwebsitedesign.com

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#513293

Hi

It uses an image to have the shade effect — /templates/ja_university/css/mod_jaslideshowlite.css at line 73

.ja-ss-mask {
background: url(../images/mask-left.png) no-repeat left top;
display: block;
position: absolute;
z-index: 100;
top: 0;
left: 0;
width: 121px;
height: 100%;
}

and for right at line 84 of the same file you have

.ja-ss-mask.mask-right {
background: url(../images/mask-right.png) no-repeat right top;
left: auto;
right: 0;
}

If you want to change it you can add 2 new images without shadows or do not show image changing the background: property to none for both items

background: none;;

1 user says Thank You to pavit for this useful post

1. phong nam

[newwebsi Friend newwebsiJoin date: November 2011Posts: 40Downloads:0Uploads:6 Thanks: 2]

#513320

Thanks That worked great,

Can you also tell me where to change the black background color on the header to white and also move the menu items over to the right i want to drop the logo down to overlap the menu bar

http://ol.commercialsignexperts.com/

Thanks
Kyle
http://www.Newwebsitedesign.com

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#513351

Hi

<blockquote>Can you also tell me where to change the black background color on the header to white and also move the menu items over to the right i want to drop the logo down to overlap the menu bar </blockquote>

Sorry could you post a screenshot of all your desired changes ?
In this way i can be more detailed on changes to do

[newwebsi Friend newwebsiJoin date: November 2011Posts: 40Downloads:0Uploads:6 Thanks: 2]

#513438

http://ol.commercialsignexperts.com/

Thanks
Kyle
http://www.Newwebsitedesign.com

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#513583

Hi Kyle,

+ This way will help you to change the background header site

Open templates/ja_university/css/template.css file

From

#ja-header {
background: #10151c;
border-bottom: 1px solid #000;
}

Change to

#ja-header {
background: #FFF;
border-bottom: 1px solid #000;
}


+ About move the menu item to right and move down the logo

Open templates/ja_university/etc/layouts/default.xml file

From

<block name="header" type="header" main-inner="1"></block>
<block name="mainnav" type="mainnav" main-inner="1"></block>

Change to

<block name="mainnav" type="mainnav" main-inner="1"></block>
<block name="header" type="header" main-inner="1"></block>

Remember to clear cache from Admin area after making any changes

Regards

[Author]

Posts