• Resolved raizaduran

    (@raizaduran)


    I’m using a plugin, shortcode ultimate: https://wordpress.org/plugins/shortcodes-ultimate/

    on this page: http://www.indiavirtualinfo .com/shimla/

    but the font is different. To make it similar to the site font, I tried these css changes, but none worked.

    /* shortcode ultimate font size */
    .su-tabs-pane  {
    	font-size: 18px;
    }
    /* shortcode ultimate title font size */
    .su-tabs-nav span {
    	font-size: 18px;
    }

    I also tried replacing, font-size: 18px; to font: inherit;
    but that also didn’t work.

    Any help please?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi raizaduran. Try targeting the tab content, and use the !important rule for the titles. Using “initial” sets it to the default so it should change automatically if you change the theme default size:

    /* shortcode ultimate font size */
    .su-tabs-pane p  {
        font-size: initial;
    }
    
    /* shortcode ultimate title font size */
    .su-tabs-nav span {
        font-size: initial !important;
    }
    Thread Starter raizaduran

    (@raizaduran)

    wow! it does the magic bdbrown. Just one little correction needed. Font is not changing in case of bullet points.

    Is it because, we’re targeting it as

    .su-tabs-pane p

    What you think? Here is the reference URL:

    http://www.indiavirtualinfo .com/shimla/
    Please check Places to visit tab.

    Thanks for the extended help 🙂

    Yes. That’s a list, not a paragraph. You can do them both with one statement:

    .su-tabs-pane p, .su-tabs-pane li  {
        font-size: initial;
    }

    Also, I’ll just mention, from a support perspective, that it’s a pain for anyone trying to help you to have to edit your site URL before we can load it. I understand your concern about posting your actual site URL, but these forums are heavily monitored and filtered for spam, and the likelihood that your site will end up on some spam list from being posted here is very, very low.

    Thread Starter raizaduran

    (@raizaduran)

    There we go! Got exactly what I wanted 🙂 Thanks a lot

    and yes, I was afraid because of that. Thanks for the clarification, I’ll ensure to post accurate URL going-forth.

    Once again, thanks a lot for the help 🙂

    You’re welcome; glad it’s all working.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘plugin font is different, how to make it same?’ is closed to new replies.