Jump to content


Photo
Better iBoxes

Vertical Alignment of Text

alignment

Best Answer ahansson89 , 26 September 2013 - 09:24 PM

You can now put the title on the top with update 1.4

Go to the full post


  • Please log in to reply
6 replies to this topic

#1 flourishdesignstudio

flourishdesignstudio

    Advocate

  • Members

  • 264 posts
  • LocationIthaca, New York
  • Framework Version:all
  • Country: Country Flag

Posted 18 September 2013 - 09:56 PM

How can I get the text of my iBoxes to be aligned at the top, rather than the middle?



#2 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 18 September 2013 - 10:05 PM

Right now... You cant... Might make this an option later.



#3 jmad

jmad

    Advocate

  • Members

  • 842 posts
  • LocationCentral Florida
  • Framework Version:DMS
  • Country: Country Flag

Posted 19 September 2013 - 05:39 PM

Might be convenient.  Thanks for your help.  I like the plugin.



#4 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 26 September 2013 - 09:24 PM   Best Answer

You can now put the title on the top with update 1.4



#5 jmad

jmad

    Advocate

  • Members

  • 842 posts
  • LocationCentral Florida
  • Framework Version:DMS
  • Country: Country Flag

Posted 27 September 2013 - 08:49 PM

And select the type of animation!  Cool.  Now for the color/hover effect thing...please.  

 

As a note, when I clicked on the 'what's new' in this version, I received a page error frame.  Didn't keep me from updating and the new changes are nice. 

 

As I said before, this could be the most useful tool.  Adding the option for text to have an animation either same or different from the icon would also be nice.  

 

Works great and certainly is better than the basic ibox.



#6 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 30 September 2013 - 03:26 PM

Here is an example on how to change hovering colors... Paste it in your custom LESS field and change "yellow" and "red" to your colors

 
@betteriboxbase: yellow; //your base color
@betteriboxcontrast: red; // your contrast color

.better_iboxes{
   .better_iboxes_media {
     .better_iboxes_icon-border {
     &.media-type-icon {
         color:@betteriboxcontrast;
            &.hover { 
               &:hover{
                  background: @betteriboxcontrast;
                     i{
                        color:@betteriboxbase;
                     }
                   }
               }
               &.pl-contrast {
                  background: @betteriboxbase;
               }
           }
       }
    }
}


#7 jmad

jmad

    Advocate

  • Members

  • 842 posts
  • LocationCentral Florida
  • Framework Version:DMS
  • Country: Country Flag

Posted 30 September 2013 - 05:06 PM

Thanks for the info.  


  • ahansson89 likes this





Also tagged with one or more of these keywords: Better iBoxes, alignment