Forum Support

Shape 5
June 14, 2021, 08:50:29 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Scroll to top box  (Read 182 times)
sjwalter
Jr. Member
**
Offline Offline

Posts: 10



« on: March 24, 2015, 02:49:57 PM »

The right side of the Corpway template bottom menu is the scroll-to-top icon, which appears to sit on the bottom menu.  However, When I changed the color of the bottom menu the scroll to top icon was seated on top a white square box. While the scrolltotop icon features are set in template.css; the box in which it is located is unaffected. How can I change the color of the box/module in which the scrolltotop icon is located?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: March 25, 2015, 11:01:30 PM »

Hello,

Add this to the custom.css file and adjust as needed.

Code:
.s5_scrolltotop {background-color: #ff0000 !important;}
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
sjwalter
Jr. Member
**
Offline Offline

Posts: 10



« Reply #2 on: March 26, 2015, 08:52:37 PM »

Mike

The code you recommended changes the color of the arrow icon box.  How do I change the color of the white background behind it.

Thank you for all your help.

Steve
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: March 27, 2015, 07:09:32 AM »

Hello,

You can add the following to custom.css:

#s5_footer_area1 {
background:#000000;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.