Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How can I change the color obackground color of the bottom line at floxx template

Featured Lock Resolved
Hello!

How can I change the color of the background line of the bottom line at floxx template and also the heading.
site: http://new.brasilien-akademie.com/de/

Thanks!
Best Jörg

Attachments (2)

  • Question 5.jpg
    Question 5.jpg 128.4 KB
  • Question 6.jpg
    Question 6.jpg 163.2 KB

6 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
Use paint and brush :D
In the web world use CSS, but indeed settings should work, anyway try this

#sp-bottom {background: #484848; color: #fff;}
#sp-bottom a {color: #eee;}
#sp-bottom a:hover, #sp-bottom a:active {color: #fff;}

Ilaine Distler

More than a month ago #Permalink
Hello Paul,

thank you, but it only runs on smartphone and ipad, but not at a desktop.
Here you can find the ofter custum cms. May be here is my mistake ... Thank you.

.sp-select ul >li.active,

.sp-select ul >li:hover,

#sp-footer {

background: #FF7913 !important;

}

#sp-footer .sp-copyright {

color: #fff !important;

}

.header-default .sp-megamenu-parent > li >a,

.sp-contact-phone,

body.header-default .sp-contact-info li a {

color: #000 !important;

}

body.header-default .sp-megamenu-parent > li >a, body.header-default .sp-megamenu-parent > li > span {


background: #FF7913 !important;


}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {


background: #FF7913 !important;


border-bottom: 2px solid #fff !important;


}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {


background: #000000 !important;


color: #fff !important;


}

#sp-header.menu-fixed { background: rgba(255,255,255,1); }
#offcanvas-toggler > i { color: black !important; font-size: 20px; }

/* =============Smartphone & iPad in portrait & landscape=========== */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px) {
.sp-page-builder .page-content #section-id-1514731816938
{background: transparent !important;}

#sp-bottom {background: #484848; color: #fff;}
#sp-bottom a {color: #eee;}
#sp-bottom a:hover, #sp-bottom a:active {color: #fff;}

Paul Frankowski - Staff

More than a month ago #Permalink
I am not Code Inspector but I saw that you set BG color for mobile only

Please add extra "} "
after
{background: transparent !important;}
at the bottom of CSS to close mobile condition (!)

close-it.png

Attachments (1)

  • close-it.png
    close-it.png 6.4 KB

Ilaine Distler

More than a month ago #Permalink
Hi Paul,

thank you. I saw my mistake ...
Thanks a lot for your help.
Best greetings!
Jörg

Paul Frankowski - Staff

More than a month ago #Permalink
You're welcome Jörg.
I hope now you can finish your project soon. :D


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 112
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 98
Toufiq

Toufiq

Total Accepted Answers: 89
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 2

115

Templates

295826

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us