1

Topic: Indicia/Drupal - Button Colour

As you can hopefully see in the attached image, since re-styling our Indicia site certain buttons - in this case 'Create a filter' - are white with white text. I'd like to change this!

This has been driving me mad for weeks; I've changed every appearance parameter I can see and looked at lots of documentation, all with no success. So to save time I thought I'd post here and ask if anybody else knew how to do it or could point me in the direction of the precise bit of documentation that would show me how.

Post's attachments

2014-04-16 12_36_04-Verification _ BRERC Online Recording.jpg 19.78 kb, file has never been downloaded. 

You don't have the permssions to download the attachments of this post.

2

Re: Indicia/Drupal - Button Colour

Hi Daniel,

John or Jim may well correct me but, if I were trying to change the background colour of the button, I'd do it in the CSS. I have a sub-theme based on the main instant indicia theme which allows me to add in extra bits of styling or override existing styling. I don't know if you have done this but if you have then add the following rule to the main sub-theme css (altering the colour to the one you want):

#filter-build {
background-color: #009 !important;
background:#009 !important;
}

This will change the create filter button on any page where it is used.

If you aren't using a sub-theme then you could use a node specific css file that is named like node.2.css depending on the node number of the page you want it to apply to (this will only apply to the specific node and therefore won't be site wide). The following documentation will probably explain this better than me - http://indicia-docs.readthedocs.org/en/ … hlight=css

You can do this for styling for any element on the page and I use Firefox developer tools to find the exact element name etc that I want to change (you just right click and inspect element).

I hope this helps! As I don't know exactly how you've restyled your Indicia site in the first place, it's hard to know at what stage to step in from...

Fiona

Fiona McCrory
CEDaR Website Officer
www.nmni.com/cedar

3

Re: Indicia/Drupal - Button Colour

FionaCEDaR wrote:

As I don't know exactly how you've restyled your Indicia site in the first place, it's hard to know at what stage to step in from...

Thanks for your help Fiona. It's interesting to hear about these options but the only way I have ever restyled the site is by using the interface accessed by 'Appearance' and then the settings for the Indicia default theme. I haven't created a sub theme. So I must have changed something in those simple settings to effect this change.

I should also make clear that it is not only the 'create filter button'. The majority of buttons seem to be styled in this way, so changing the css for each individual node where a button of this kind occurs seems like a rather labour intensive approach. It seems to me that if I have only ever changed the style of the site using the very simple styling options, then I ought to be able to change it back that way as well.

4

Re: Indicia/Drupal - Button Colour

OK, I'm guessing you are using Drupal 7 with the Custom LRC site developed by John so I think you are using the Adaptive Theme. I am using Drupal 6 as I haven't upgraded my site yet, so I'm not familiar with this theme therefore John is going to have to help you with this one - out of my depth!

In the meantime, all I can suggest is looking for any settings to do with the colour of buttons or the background of links to see if you can find any set to white (#FFFFFF).

Sorry not to be more help,
Fiona

Fiona McCrory
CEDaR Website Officer
www.nmni.com/cedar

5

Re: Indicia/Drupal - Button Colour

Hi Daniel & Fiona
Actually, you could subtheme the Indiciatheme used in this instance as well, but there is also a Custom CSS option on the theme's settings page which is ideal if you are just making minor changes - see http://lrc-website-template.readthedocs … ustom-css.
In this case, there seems to be an issue in the AdaptiveTheme colour handling which is making the button white, though after a brief check I can't see why. So, I've copied the css for the buttons out of the them into your Custom CSS settings box and modified it to overwrite the CSS declared by the theme itself, and your buttons are now blue again. I've not done a :hover version of the CSS so you might like to do that, choosing a slightly different colour to highlight the button when the mouse is over it. Let me know if you need help doing that.
Cheers
John

John van Breda
Biodiverse IT

6

Re: Indicia/Drupal - Button Colour

Thanks John, both for making the changes and for pointing me in the right direction regarding the documentation.

I from what I have read, the custom CSS is meant to make changes across the whole site. Therefore what is the reason for the Log in button at http://recording.brerc.org.uk/user/login not following the rules of the CSS you inserted? It still shows up as white. I looked at your CSS code and the site code for this page and tried a couple alterations, but to no avail.