Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 2, 2014 at 10:32 pm #204706
    CloudChoice

    Hello,

    I’m trying to create an alignment of flags and text like this page:
    http://www.apple.com/choose-your-country/

    Than i used a TEXTBLOCK with the Custom Css Class name: countries

    In the textblock i put something like that:

    I created a Quick CSS, like that:

    .avia_textblock.countries ul li>a {
    display:table;
    width:126px;
    color:#666;
    }
    .avia_textblock.countries ul li span{
    display:table-cell;
    width:86px;
    vertical-align:middle;
    }
    .avia_textblock.countries ul li span span{
    width:100%;
    *display:block;
    *position:relative;
    *top:-50%;
    }
    .avia_textblock.countries ul li>a:hover {
    color:#08c;
    }

    But the end result was considerably different. Do you have any suggestions?

    Thanks and a happy new year.

    January 2, 2014 at 10:36 pm #204710
    Yigit

    Hi CloudChoice!

    Happy new year!
    Can you post the link to your page where you have flags so we can take a look?

    Best regards,
    Yigit

    January 2, 2014 at 10:41 pm #204720
    CloudChoice
    This reply has been marked as private.
    January 2, 2014 at 10:48 pm #204722
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .page-id-6082 .entry-content-wrapper ul {
list-style: none; }
.page-id-6082 .entry-content-wrapper div li {
text-indent: 0;
width: 130px;
float: left;
height: 70px;
margin-bottom: 20px; }

    Regards,
    Yigit

    January 2, 2014 at 11:16 pm #204742
    CloudChoice

    Like a glove guy.

    Thanks!

    January 2, 2014 at 11:20 pm #204747
    Yigit

    Hi!

    You are welcome! Glad we could help

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Align flags and text’ is closed to new replies.