Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 14, 2015 at 2:34 pm #518688
    combra

    Hey guys,

    another question.. How to move text “mein konto”, “newsletter” and “kontakt” a bit higher? Also I want to add a seperator after each text Icon Mein Konto | Icon Newsletter | Icon Kontakt

    https://www.dropbox.com/s/5zk0uy5pejmchr7/s1.PNG?dl=0

    • This topic was modified 9 years, 2 months ago by combra.
    October 14, 2015 at 5:28 pm #518835
    Elliott

    Hey combra!

    Add this to your custom CSS.

    .vorteil2 > a {
    top: -5px;
    position: relative;
    border-right: 1px solid black;
    padding-right: 5px;
}

    Best regards,
    Elliott

    October 15, 2015 at 8:03 am #519061
    combra

    Hey that worked. Can you tell me how this works for .vorteil1? Just want to move up the text a bit. After this can we can close this one :)

    October 15, 2015 at 11:34 am #519138
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    
.vorteil1 > a {
    top: -5px;
    position: relative;
}

    Best regards,
    Yigit

    October 15, 2015 at 11:46 am #519153
    combra

    This cant work, vorteil1 arent a elements. its just text.

    October 15, 2015 at 11:57 am #519166
    Yigit

    Hey!

    In that case please change the code to following one 

    .vorteil1 {
    top: -5px;
    position: relative;
}

    Best regards,
    Yigit

    October 15, 2015 at 12:18 pm #519198
    combra

    Hmm, but this only move up the complete sector vorteil1. I just want to move up the text, icons should stay :) I think i will need to add 3 spans fot the text and a class for the icons into the big spawn?

    October 15, 2015 at 12:21 pm #519201
    Yigit

    Hi!

    Please adjust their position using following one 

    span.vorteil1 img {
    top: 5px;
    position: relative;
}
span.vorteil1 {
    position: relative;
    top: -20px;
}

    First one for the icons second one for the text

    Best regards,
    Yigit

    October 15, 2015 at 1:00 pm #519251
    combra

    Well done, thanks you.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘top bar styling – move text to the middle of line’ is closed to new replies.