• 0

Custom iCallout button colors


Question

Posted · Report post

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!

Share this post


Link to post
Share on other sites

7 answers to this question

  • 0

Posted · Report post

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;
}
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

 

Cheers!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No problem.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Danny,

 

Thanks for the quick reply.

Your suggestions to reload the sections worked!

 

Marijn

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Awesome and no problem.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now