Jump to content

Archived

This topic is now archived and is closed to further replies.

flourishdesignstudio

Vertical Alignment of Text

Recommended Posts

flourishdesignstudio    9
flourishdesignstudio

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

Share this post


Link to post
Share on other sites
jmad+    80
jmad

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

Share this post


Link to post
Share on other sites
jmad+    80
jmad

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.

Share this post


Link to post
Share on other sites
ahansson89    57
ahansson89

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;
               }
           }
       }
    }
}

Share this post


Link to post
Share on other sites
jmad+    80
jmad

Thanks for the info.  

  • Like 1

Share this post


Link to post
Share on other sites

  • Similar Content

    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      I have been unsuccessfully trying to get my 3-column widgetized footer aligned centered. The widget section itself is aligned left because the alignment appears to be controller the widget's content only. The container that contains the widget section is aligned centered. I have chosen a 3 column layout and I added 3 widgets, assuming they would be aligned centered.
      Any idea of what I may be doing wrong?
      The page is question is: http://www.michaelkummer.com
      Thanks
      Michael
    • Bleuy
      By Bleuy+
      Problem: Full Screen Revslider content runs off the screen on mobile devices (particularly calls to action buttons).  I've used the <br> to break up the text, however the call to action buttons run off the screen.  Therefore without making the fix too technical (and I can see some VERY technical resolutions on here) my client just wants to simple centre justify the text when being viewed on a mobile device.  
      Any ideas on how best to achieve this in a simple, non too technical way?
      Thanks very much in advance
       
    • saur0
      By saur0+
      Hi, I have managed to change the size of the navbar logo to 75px, but I now want to change the size of the font on the menu (20px) and align the menu vertically to the bottom (so it is in line with the bottom of the logo image). I've been playing around with the CSS but can't seem to get it right, if anyone could give me some pointers it would be much appreciated. 
      The site is feltonssolicitors.co.uk if you want to take a look at the source. 
      Thanks, 

       
    • dreamsight
      By dreamsight+
      - { border-radius: 25%; width: 150px; height: 150px; }   im looking to do this on pictures used in Better iBoxes ^   please can you tell me the selector or how i can make this happen please, thanks
×