Support » Theme: Tannistha » Change font in sidebar

  • Resolved maa821

    (@maa821)


    Hi,
    Could you help me how to make the font in my left menu (on sidebar)a little bigger?

    regards
    Marta

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Geoffrey Shilling

    (@geoffreyshilling)

    Volunteer Moderator

    I would try adding the following code from your dashboard in Appearance -> Customize -> Additional CSS:

    .sidebar ol li, .sidebar ul li {
        font-size: 18px;
    }

    You can change the 18px to any size you want.

    Thread Starter maa821

    (@maa821)

    Hi,
    it works perfect – thank ypu very much. Maybe you could help me also with one last thing. I have on my left menu square before the text – I would like to have this square in other color then the text. Is it possible?

    Marta

    Theme Author Dualcube

    (@dualcube)

    Hi @maa821,
    On going through your website, we noticed the default style of Tannistha’s sidebar is being overriden.
    We can see, you are using a black square image to denote your sidebar elements while the circles in the next slot are unicodes. If it’s possible, then remove the black square images and write &#9632 in the way you’ve written for the circles.
    If removing the images is not possible, you may write the following code in the “Additional CSS” section of the Customizer.

    .sidebar .widget li a img.emoji {
        display: none !important;
    }

    Please feel free to contact us for any other issues you face!
    Happy to Help! 🙂

    Thanks!
    Debleena – Team Tannistha.

    Thread Starter maa821

    (@maa821)

    Hi,

    but is it possible to make my first sign in my left menu in other color then the rest of the text from menu?

    Marta

    Theme Author Dualcube

    (@dualcube)

    I think in the Menu text you have entered the text as:
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">▧ stamp</font></font>
    Instead of it enter the texts like:
    <font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><span>▧</span> stamp</font></font>
    That is add the <span> tag before the symbol in front of the text
    and write the following css in the “Additional CSS” section of the Customizer:

    .sidebar ul li span {
        color: #000000;
    }

    Enter the colour of your choice instead of #000000

    Thanks,
    Sayan – Team Tannistha.

    Thread Starter maa821

    (@maa821)

    Thank you buy I didn’t have any text like this:
    “<font style=”vertical-align: inherit;”><font style=”vertical-align: inherit;”>▧ stamp</font></font>”
    I’ve just copy and paste the symbol to the menu so the code which you wrote dosn’t work.
    Could you help me how (and where) should I paste this text:
    <font style=”vertical-align: inherit;”><font style=”vertical-align: inherit;”><span>▧</span> stamp</font></font>

    Marta

    Theme Author Dualcube

    (@dualcube)

    Hi Marta, can you please get in touch with us via our support forum, so that our team can look into this and assist you further: https://wc-marketplace.com/support-forum/forum/theme-tannistha/

    Looking forward to your co-operation regarding the same.

    Theme Author Dualcube

    (@dualcube)

    Hi @maa821,
    Since we had been able to come to a solution regarding the topic you opened, we are marking this issue as resolved!
    Please feel free to contact us for any other issues you face!
    Happy to Help! 🙂

    Thanks!
    Debleena – Team Tannistha.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Change font in sidebar’ is closed to new replies.