Forum Support

Shape 5
July 31, 2021, 06:47:26 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: Toggle Switch For Email and Print Icons  (Read 813 times)
n6166
Jr. Member
**
Offline Offline

Posts: 4



« on: February 24, 2014, 10:46:15 AM »

My articles have a white background. The box containing the Print and Email icons is also white. The icons are not visible until one puts the cursor inside the invisible icon box in the upper right corner and clicks, and then the icons pop up. Selecting the "Show" options for icons in the Article Manager, or even in the Article itself, does not solve the problem. Neither does changing the template icon style from light to dark.

Meanwhile, a Front Page article has a dark icon block. Clicking in that block also brings up the icon options.

How can we have the Email and Print icons show at all times on each page? Is there a toggle switch, or do we need to modify the code somewhere?

Thanks.

n6166
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: February 24, 2014, 11:03:16 PM »

Hello,

Can you post a URL illustrating this?

-Mike
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
n6166
Jr. Member
**
Offline Offline

Posts: 4



« Reply #2 on: February 25, 2014, 09:53:53 AM »

Site address is: www.section6166.com.

My IT consultant wrote to me as follows:

We would like to know where is the template setting to define a color for the print/email button when
inactive.

We have identified that it is related to the dropdown-toggle part of the COM_Content.css (line 365).
But how to change the default white background to a grey/custom color  within the template
Manager?

Thanks.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: February 26, 2014, 06:34:32 PM »

Hello,

You would just need to change it via CSS here:

com_content.css - line 365

.item-page .dropdown-toggle, .blog .dropdown-toggle, .item .dropdown-toggle {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: -3px;
}

Change #FFFFFF; to something darker.

-Mike
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
n6166
Jr. Member
**
Offline Offline

Posts: 4



« Reply #4 on: February 27, 2014, 05:44:58 PM »

Okay, will do.

Thank you.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: February 28, 2014, 12:18:32 AM »

NP

-Mike
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
bhmuse
Jr. Member
**
Offline Offline

Posts: 11



« Reply #6 on: January 01, 2015, 10:04:00 AM »

The position of this toggle switch is at the top right of the article. I want to change its position to "top left" of the article. What should I do?

« Last Edit: January 01, 2015, 10:07:14 AM by bhmuse » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #7 on: January 02, 2015, 06:39:43 PM »

Hello,

If you hover over the icon itself with a tool called Firebug to identify Joomla's default class you should be able to add something like a float: left; value in the custom.css to move its position.
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
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.