Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 4, 2016 at 10:46 am #607475
    Sadegh

    Hi @Yigit,

    (Sorry for asking again over this case)
    If you now take a look at my website first page (LINK), you can see the tabs are now in a great position with your kind previous help. But there are a few things now:

    1. Please click on third tab from right, you may find the fourth tab is somehow not showing at all and it is showed under the third tab. I don’t know why.
    .

    2. If it is possible, please let me know a code that could “increased the icon size” and also “fix line thickness” that I have illustrated in the image below.
    .

    3. Any chance that a text could be shown under the icons circles?
    .

    kind regards :)
    Sadegh

    April 4, 2016 at 2:09 pm #607585
    Yigit

    Hi Sadegh!

    Can you please create a temporary admin login and post it here privately? :)

    Cheers!
    Yigit

    April 4, 2016 at 2:22 pm #607603
    Sadegh

    Hi Yigit :)

    Please find it in private area.

    April 4, 2016 at 4:37 pm #607730
    Yigit

    Hey!

    1- I fixed the error. I believe that happened due to RTL. I changed direction to LTR and saved it and that helped
    2- Please add following code to Quick CSS 

    .my-custom-tabs .tab_icon {
    font-size: 22px!important;
}

    3- Unfortunately that would not be easily possible :/
    Cheers!
    Yigit

    April 5, 2016 at 6:50 am #608070
    Sadegh

    Hi Yigit,
    Thanks for your great help.

    About number 1: may I know where did you change the code? I just want to make a backup from it.

    About number 2, thanks for the that code, it works fine.
    But the problem with icon’s border is still seems to be exist:
    .

    Thanks again :)

    April 5, 2016 at 8:22 am #608111
    Vinay

    Hi!

    The code changes were made in Enfold options > General styling > Quick CSS

    To make the icons round please use the below css

    .js_active .top_tab .tab {
    width: 70px;
    height: 70px;
}

    Best regards,
    Vinay

    April 5, 2016 at 9:11 am #608131
    Sadegh

    Hi Vinay,

    Yes, I know the changes makes in Quick CSS :) But I just needed to know what was the exact code for that change

    And the given code is not working, it makes icons looks even longer.

    Regards,
    Sadegh

    April 6, 2016 at 1:42 pm #608934
    Vinay

    Hey!

    Not sure what is the exact code? The code we applied is pasted in the ticket :)

    Please adjust the height of the icons to suit your design. For the icons to appear as a perfect round with border radius property it need to have a fixed width and height.

    Best regards,
    Vinay

    April 6, 2016 at 3:19 pm #608999
    Sadegh

    Hey Vinay,

    1.
    Yes, I know about the pasted code :)
    Yigit already said “I changed direction to LTR and saved it and that helped“. I wanted to know what did he change to LTR and from where.

    2. Thank you, I will try to play with the width and height to get near to the proper look.

    April 7, 2016 at 12:52 pm #609550
    Yigit

    Hi!

    I changed it on browser using devtools just to save it correctly. it was not a permanent change :)

    Cheers!
    Yigit

    April 7, 2016 at 12:57 pm #609556
    Sadegh

    Thanks @Yigit,
    Finally I get it :)

    (also, please take a look at the private area)

    Regards,
    Sadegh

    April 7, 2016 at 12:59 pm #609559
    Yigit

    Hey!

    You are welcome! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘tabs’ is closed to new replies.