Colored Box with Link

resolved (3 posts) (2 voices)

  1. maleeee
    Member

    Hello, I want to make a Colored Box "linkable". That means I want the same behavior like an large button with a mouse-over effect. Here is my homepage: http://fromm-online.org/ There are the 4 Colored boxes in the middle. The code I used is:

    [one_fourth]
    <a title="Erich Fromm – Sein Leben und Werk" href="http://fromm-online.org/erich-fromm-sein-leben-und-werk/"> [colored_box variation="green"]</a>
    <img class="alignleft wp-image-117" src="http://fromm-online.org/wp-content/uploads/2014/11/Logo-Icon-2.png" alt="Logo-Icon-2" width="30" height="30" />Erich Fromm - Leben und Werk
    [/colored_box]
    [/one_fourth]
    
    [one_fourth]
    <a title="Über das Institut" href="http://fromm-online.org/institut/">[colored_box variation="green"]</a>
    <img class="alignleft wp-image-117" src="http://fromm-online.org/wp-content/uploads/2014/11/Logo-Icon-2.png" alt="Logo-Icon-2" width="30" height="30" />Erich Fromm Institut Tübingen
    [/colored_box]
    [/one_fourth]
    
    [one_fourth]
    <a href="http://opus4.kobv.de/opus4-Fromm/home">[colored_box variation="green"]</a>
    <img class="alignleft wp-image-117" src="http://fromm-online.org/wp-content/uploads/2014/11/Logo-Icon-2.png" alt="Logo-Icon-2" width="30" height="30" />Erich Fromm Dokumentenserver
    [/colored_box]
    [/one_fourth]
    
    [one_fourth_last]
    <a href="http://www.fromm-gesellschaft.eu">[colored_box variation="green"]</a>
    <img class="alignleft wp-image-117" src="http://fromm-online.org/wp-content/uploads/2014/11/Logo-Icon-2.png" alt="Logo-Icon-2" width="30" height="30" />Int. Erich Fromm Gesellschaft
    [/colored_box]
    [/one_fourth_last]
    
    [one_fourth]

    But it doesn´t work. When I only link the text, then it has the link-style an it disappeares when mouseover. When I take the shortcode for "button", the image doesn´t appear and the text ist to long... Is there a solution?

    Thanks a lot

    Posted 2 years ago #
  2. Elliott
    Support

    Hello maleeee,

    Try this,

    <a title="Erich Fromm – Sein Leben und Werk" href="http://fromm-online.org/erich-fromm-sein-leben-und-werk/"> [colored_box variation="green"]
    <img class="alignleft wp-image-117" src="http://fromm-online.org/wp-content/uploads/2014/11/Logo-Icon-2.png" alt="Logo-Icon-2" width="30" height="30" />Erich Fromm - Leben und Werk
    [/colored_box]</a>
    Posted 2 years ago #
  3. maleeee
    Member

    Hello Elliott,

    Thanks a lot, that helped!

    Posted 2 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme