Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 14, 2016 at 4:36 pm #648110
    TribHUN

    Hey

    I generated a Tab-page, where the Tabs are above, managed to format it in my style, but I have two problems:

    – Can not change the size of the Icon (tried everything, “font-size” doesnt work for me) And also, I don’t want to change any other Icon on my page, just what is in the Tab-Page

    – Can’t align the text in the center.
    I want to Icons to be on top of the Text, and I managed it with some padding etc, but I cannot align the text to center, because it thinks the Icon is in front of it. (I aligned it to left, it looks like it is in the center, but it is not, especially if you take different long titles)

    Can someone help me???

    June 14, 2016 at 8:59 pm #648259
    Jordan

    Hey TribHUN,

    Thanks for getting in touch with us!

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .tab_icon:before {
    font-size: 35px !important;
}

    For the text not being in the center, could you temporarily remove the padding from the icons. We will try to provide a better CSS solution to center everything with the icons on top of the text.

    Best regards,
    Jordan

    June 15, 2016 at 9:20 am #648486
    TribHUN

    damn, that sneaky “before”… Thank you Jordan!

    I removed the paddings, hope it is enough,

    June 15, 2016 at 9:24 am #648491
    TribHUN

    By the way, there was an interference with a code in “shortcodes.css”. No matter how many !important command I used, had to disable one command in shortcodes.css.
    I use a Child theme, I copied the new codes, I hope it will stay there after an update.

    Not important, just wanted to share.

    June 15, 2016 at 3:36 pm #648658
    Yigit

    Hey!

    Glad you figured it out! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

    June 16, 2016 at 11:18 am #649125
    TribHUN

    yeah, well the second question is still open Yigit.
    I disabled the padding as Jordan requested, but dont know how to position the text in the middle, when I position the icon on top of the text

    • This reply was modified 8 years, 6 months ago by TribHUN.
    June 19, 2016 at 12:45 pm #650411
    Vinay

    Hi,

    Posting the css will not help much, Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.