ppl

[ppl]

Not marked as solution

[ppl]

Not marked as solution

[ppl]

Thanks again Kieran,

I will test out the following and let you know how it goes.

https://wordpress.org/plugins/wp-ulike

Your help is always appreciated.

Rob

[ppl]

Better than resolved! Thank you.

Rob

[ppl]

This reply has been set as private.

[ppl]

Thank you! That worked perfectly. Much appreciated again!

Rob

[ppl]

Radu,

Thank you but we have different colours for each icon so the hover colour needs to be icon specific.

was able to change the colour of the text via the hover state with the following. Any additional thoughts for the changing the colour of the icon itself in the hover state?

#buddypress div#item-nav ul #nav-forum-groups-li a:hover { color: #30ebff; }

Thanks

Rob

[ppl]

Kieran,

It is a fine line between Theme support and custom work so thank you for graciously letting me know that I have crossed it.

So to make the question more explicit. When we add a url link on a page is there a way to have a link for different browser types.

chrome: https://,,,,,,
Firefox: https://,,,,,,
etc

I know you can make some changes in the theme to make it responsive to the device.

Thanks again.

Rob

[ppl]

Radu,

No luck with the focus state for the tab’s icon but I was able to change the colour of the text via the hover state. See below. Any additional thoughts for the changing the colour of the icon itself?

#buddypress div#item-nav ul #nav-forum-groups-li a:before { color: #dcf8ff; }
#buddypress div#item-nav ul #nav-forum-groups-li a:hover { color: #30ebff; }
#buddypress div#item-nav #nav-forum-groups-li.selected a,#buddypress div#item-nav #nav-forum-groups-li.selected a:before { color: #30ebff; }

[ppl]

This reply has been set as private.

[ppl]

This reply has been set as private.

[ppl]

This reply has been set as private.

[ppl]

Thank you that Radu,

Most of our icons are different colours but you code gave me the clues I needed. All worked great. Thank you!

The one item that seems to be missing is the icons are not changing when they get the focus (tool tipped). The colour only changes when they are selected. You help on this would be appreciated.

[ppl]

Kieran,

Thank you for getting me started. It turned out to be a bit more complicated but it all worked. Thank you.

I needed to

1) Get the icon name from the fontello.com website
2) Search the /wp-content/themes/kleo/assets/font-all/font/config.json file for that name and get the decimal code
3) convert to hex
4) enter code as you described

Rob

[ppl]

Kieran,

Sorry to be so slow on this as we are new to the CSS. I was able to change the colours of a few elements on the pages but I will need just a bit more help.

What would be the value of my-element if we wanted to change the colour of the entire background page?

Or even better if we wanted to set a background image for a page element what would we replace color: with?

Thanks again.

Rob

[ppl]

Thank you again Kieran! Worked Perfectly.

[ppl]

My apologies for troubling you.
I found it under
Theme Options->BuddyPress

[ppl]

Kieran,

Strange, still no attachment. I will try again and very slowly. This time I will use insert into content.

Rob

[attachment file=211556]

Attachments:

You must be logged in to view attached files.

[ppl]

Kieran,

My apologies. I had created the image but did not attach. Please see attached image. I was looking for a generic solution if that is possible.

The text in question is ‘Group Discussions’ and ‘Send Invites’. Of course if needed we could just abbreviate the wording.

Thanks again.

Rob

[ppl]

Kieran,

I love that option. It worked great for resizing the icons. Now to change them to the new ones.

Much appreciated.

Rob

[ppl]

This reply has been set as private.

[ppl]

Thank you again Kieran,

I found this path
/wp-content/themes/kleo/assets/css

but no config.json file to import into

I looked around and found a config.json file in the font folder.
/wp-content/themes/kleo/assets/font

I am a bit cautious in new areas so I would like to double check that this is the correct file.

The website http://fontello.com/ has a slider to adjust the icon size. Does this matter or will WordPress resize the icons?

If WordPress will resize them would you let me know the code to add and where. I would imagine we would need several sizes for the different devices.

Thanks again for you help.

Rob

[ppl]

Not marked as solution

[ppl]

Not marked as solution

[ppl]

Thank you for that Kieran. I look forward to see what appears in the update.

Rob

[ppl]

Thank Abe,

Please cancel them as we have no idea how to make them ‘un pending’.

We will get a Pay Pal account and try again.

Thanks for your help.

Rob

[ppl]

My apologies for pressing the submit button twice. This is a duplicate of #203839

[ppl]

This reply has been set as private.

[Author]

Posts