Jump to content


Photo
- - - - -

Custom iCallout button colors

iCallout button iCallout button

Best Answer Danny , 08 April 2014 - 09:26 AM

Hi,

 

The best method would be to simply create a child of the iCallout section and then edit the section.php file and add more colors to the options, then edit the .less file and add your styling there, you can use the current colors as a base.

 

If you do not fancy doing that then you will need to use custom CSS. For example:

 

#site .icallout-action {
background-color: #F00;
}
 
#site .icallout-action:hover {
background-color: #F00;
}
Go to the full post


  • Please log in to reply
7 replies to this topic

#1 MissT

MissT

    Super Member

  • Members


  • 234 posts
  • LocationUK
  • Country: Country Flag

Posted 07 April 2014 - 10:07 AM

Hi there,

 

How exactly can I add a new colour for the iCallout button please in DMS2? I've tried changing the color with CSS of an existing colour selection which works fine but I can't get the hover color to change - tried many different things with CSS but the hover color won't change.

 

So is there an easy way to add your own custom colours?  I've looked at the less file for the iCallout section and there are no colors set there. I've also looked at the colors less file and there are some button colors there but I don't think these are the same ones that set the iCallout button colours.

 

Strangely there is no yellow to select in the iCallout drop down list.

 

Many thanks in advance!



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17929 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 08 April 2014 - 09:26 AM   Best Answer

Hi,

 

The best method would be to simply create a child of the iCallout section and then edit the section.php file and add more colors to the options, then edit the .less file and add your styling there, you can use the current colors as a base.

 

If you do not fancy doing that then you will need to use custom CSS. For example:

 

#site .icallout-action {
background-color: #F00;
}
 
#site .icallout-action:hover {
background-color: #F00;
}

  • jmad likes this

#3 MissT

MissT

    Super Member

  • Members


  • 234 posts
  • LocationUK
  • Country: Country Flag

Posted 08 April 2014 - 05:01 PM

Many thanks Danny, that CSS did the trick - I must have tried everything but that!

 

Cheers!



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17929 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 15 April 2014 - 11:03 AM

No problem.



#5 nuovait

nuovait

    Member

  • Members

  • 25 posts
  • Country: Country Flag

Posted 05 December 2014 - 12:09 PM

Hi,

 

I have an issue creating a child section within a child theme.

I cloned and modified the iBox section and this works just fine

However when I tried to clone the highlight and icallout, nothing happens.

 

the modified sections are located in wp-themes/skeleton-advanced/sections/

 

Now I found out that the base locations of these sections are different from iBox.

iBox is located at /wp-themes/dms/dms/sections 'note dms twice in the url'

icallout is located at /wp-themes/dms/sections

 

why is this difference and how do I clone and modify the icallout?

 

thanks!



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 17929 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 December 2014 - 12:52 PM

Hi,

 

I have just this moment add both the highlight and iCallout to my skeleton theme and cloned the sections without any issue. Therefore, can you try clicking on the reload sections button on the Add to Page panel. If that doesn't work, can you .zip your highlight and icallout sections and send them to me so I can test them myself.

 

danny at pagelines dot com



#7 nuovait

nuovait

    Member

  • Members

  • 25 posts
  • Country: Country Flag

Posted 05 December 2014 - 01:03 PM

Hi Danny,

 

Thanks for the quick reply.

Your suggestions to reload the sections worked!

 

Marijn



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 17929 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 December 2014 - 01:12 PM

Awesome and no problem.







Also tagged with one or more of these keywords: iCallout button, iCallout, button