Joomla Templates Club 406,261 posts

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1070440

Dears,

As the topic, I want to do some as below:

1. would it be possible to make the menu items align in the middle and change the background color and text color?

2. about the slideshow, I know how to not show the title for pictures. But it shows the color block when I set no-title. Is it possible to make the color block no show (or make color as transparent)?

Best,

Luke

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1070756

Hi
To change the BG color of header and text color of menu item add below code in custom.css file

.t3-header .container > .row {
    background-color: #222222;
}
.navbar-default .navbar-nav > li > a {
    color: #ffffff;}

For the slideshow add below code in custom.css file

.acm-slideshow .owl-carousel .item .slider-content-inner {
    background-color: transparent;}

For menu in middle, i need your site URL to check this.

Regards

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1070829

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1070830

Hi
if the custom.css file is not present, just create it in the css folder and add the suggested code
Change the values like font, colours as per needs.

Regards

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1070873

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1070875

Hi
For BG color use this code in custom.css file and choose the color code as per needs

.navbar-default {
    background-color: inherit;}

And use this code to make the menu transparent on scroll

.has-slideshow .t3-header.affix {
    opacity: 0.8;
}

For the slideshow module use this code

.acm-slideshow .owl-carousel .item .slider-content-inner {
    background-color: transparent!important;
}

Regards

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1070889

Hi Pankaj Sharma,

Thanks for your help.

How about make the menu items align in the middle? it that be possible to adjust?

Thanks,

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1071223

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1071243

Hi
Use this code as well

.t3-header.affix, .off-canvas-open .t3-header {
    opacity: 0.8;
}

Regards

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1071249

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1071255

Hi
replace this code

.t3-header.affix, .off-canvas-open .t3-header {
    position: fixed;
    padding-top: 0;
    z-index: 1030;
}

with

.t3-header.affix, .off-canvas-open .t3-header {
    position: fixed!important;
    padding-top: 0;
    z-index: 1030;
}

From custom.cs file

Regards

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1071270

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1071278

Hi
Add below code in custom.css file
and change the color code as per needs

@media (min-width: 1680px)
{
.t3-header .container-hd {
    width: 1656px;
    background-color: #222222;
    -webkit-transition: width 200ms;
    -o-transition: width 200ms;
    transition: width 200ms;
}}

Regards

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1071526

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1071539

Hi
Use this code to change the colour of the slideshow content title

.acm-slideshow .owl-carousel .item .slider-content .item-title { color: chocolate!important;}

Regards

[Author]

Posts