× Support for Joomla 2.5 templates is discontinued. This forum category is read-only.

Changing the shape of the CSS3 Hover Animations:

More
4 years 7 months ago #6293 by robstg
robstg created the topic: Changing the shape of the CSS3 Hover Animations:
Hi,

I was wondering if/how to change the circles to squares. Is this even a possibility?

Thanking you in advance for your answers,

Robstg

Please Log in or Create an account to join the conversation.

More
4 years 7 months ago #6297 by marcin
marcin replied the topic: Changing the shape of the CSS3 Hover Animations:
Hello,

Yes, it is possible.
In the download area you will find PSD sources for the icons, so you can edit them to make squares instead of circles. Then follow the steps:
1) Replace the images in the following locations:
a) Disputation module:
templates/jm-business-marketing/images/style1/disputation.png
b) Debate module:
templates/jm-business-marketing/images/style1/debate.png
c) Discussion module:
templates/jm-business-marketing/images/style1/discussion.png
d) Controversy module:
templates/jm-business-marketing/images/style1/controversy.png
For the above paths, replace style1 with style2 or style3 depending on which template version you are running.
2) Edit the following files:
templates/jm-business-marketing/css/animated-buttons.css
and
templates/jm-business-marketing/css/animated-buttons_safari.css
Remove all appearances of border radius style for the following selectors:
a) .ch-item.ch-first
b) .ch-item.ch-first .ch-info
c) .ch-item.ch-second
d) .ch-item.ch-second .ch-info-wrap
e) .ch-item.ch-second .ch-info
f) .ch-item.ch-second .ch-info > div
g) .ch-item.ch-third
h) .ch-item.ch-third .ch-info > div
Example:
screenpresso.com/=j4ccc

Regards,
Marcin

Please Log in or Create an account to join the conversation.

More
4 years 7 months ago #6325 by robstg
robstg replied the topic: Changing the shape of the CSS3 Hover Animations:
Worked like a charm!

Thank you. Your support is as wonderful today, as the first day I started dealing with JM back in 2011!

Cheers,

Robstg

Please Log in or Create an account to join the conversation.

More
4 years 7 months ago #6332 by marcin
marcin replied the topic: Changing the shape of the CSS3 Hover Animations:
Hello,

Thank you for your kind words :)
Glad I could help.

Regards,
Marcin

Please Log in or Create an account to join the conversation.

Time to create page: 0.242 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.