Title: Basic Cycle with WordPress
Last modified: September 4, 2017

---

# Basic Cycle with WordPress

 *  [itstedet](https://wordpress.org/support/users/itstedet/)
 * (@itstedet)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/basic-cycle-with-wordpress/)
 * Hi.
 * I am looking for a good method usig wordpress to show several pictures with a
   circle. Something similar to a basic cycle in SmartArt in Word/Excel. Is there
   any plug-in for this or does anyone know a template in HTML/Javacript for this?
 * The purpose for this is to insert pictures/logos for businesses(in total:9) and
   make the images clickable. It is another way than showing the logos side by side.

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/basic-cycle-with-wordpress/#post-9466524)
 * A way to do this with CSS is shown in this basic example:
 *     ```
       .my_custom_circle_css {
           width: 125px;
           height: 125px;
           border-radius: 62.5px;
           border: 0;
           padding: 0;
           margin: 0;
       }
       ```
   
 * In this example:
 * The width and height are set to a fixed equal amount.
    The border radius is set
   to exactly half of that amount. The padding and margin are set to 0.
 * The custom CSS class is added to the img.
 * And using this will apply a hover effect:
 *     ```
       .my_custom_circle_css:hover {
           border: 2px solid rgba(85,86,90,.35);
           box-shadow: inset 0 0 0 62.5px rgba(180,185,190,.5);
       }
       ```
   
 * Adjust to your needs.
 * To make the image clickable, you need to wrap the image in an href.
 * [https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_link_image](https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_link_image)
 * [https://codex.wordpress.org/Inserting_Images_into_Posts_and_Pages#Image_Link](https://codex.wordpress.org/Inserting_Images_into_Posts_and_Pages#Image_Link)
 *  [directlinedev](https://wordpress.org/support/users/directlinedev/)
 * (@directlinedev)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/basic-cycle-with-wordpress/#post-9466580)
 * Good morning!
    Could you tell me, can I do the same things about H1 on WordPress
   as on this site? To be able to move the mouse, and they followed me
 * [https://directlinedev.com/graphic-design/](https://directlinedev.com/graphic-design/)
 *  Thread Starter [itstedet](https://wordpress.org/support/users/itstedet/)
 * (@itstedet)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/basic-cycle-with-wordpress/#post-9468552)
 * Thanks for a quick reply, Pioneer Web Design! I will check it out very soon and
   get back with some results:)
 * To Directinlinedev: You probably asked Pioneer Web Design about the mouse follow
   effect and looked at the website you linked to. I thought it was pretty cool 
   effect(i assume you meant the header when moving the cursor?)
 *  [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/basic-cycle-with-wordpress/#post-9472580)
 * [@directlinedev](https://wordpress.org/support/users/directlinedev/)
 * Per [forum rules](https://make.wordpress.org/support/handbook/forum-welcome/#post-in-the-best-place),
   please start your own topic. Your question, while possibly related, will surely
   prove to be unique.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Basic Cycle with WordPress’ is closed to new replies.

## Tags

 * [Pictures](https://wordpress.org/support/topic-tag/pictures/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 3 participants
 * Last reply from: [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * Last activity: [8 years, 9 months ago](https://wordpress.org/support/topic/basic-cycle-with-wordpress/#post-9472580)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics