• Resolved Garry Rigby

    (@indigojones66)


    I have 2 layouts
    bravehound news and the sidebar
    How can I change the sidebar font.
    Both text are the same class = .bdpp-post-title a
    Layout : Bravehound News
    Layout 2 : sidebar
    I know the layouts have different id’s,
    I just don’t know how to form the css
    Please see this image for graphic illustration:
    https://www.bravehound.co.uk/fonts.jpg

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Aadhya

    (@aadhya9)

    Hi @indigojones66

    Sorry for my delayed response. Your provided URL’s are not working. The fonts URL as well as website URL. Can you please confirm it?

    Thread Starter Garry Rigby

    (@indigojones66)

    I was just trying a free CDN – I stopped that.

    Thats good.
    depressionist_3_revisitedRg
    for news index page

    However,
    when the menu is seen on the side widget
    I would like open sans
    but
    class = bdpp-post-title
    same class for both
    change one and change all

    please see this illustration – more clear
    https://www.bravehound.co.uk/fonts.webp

    Plugin Author Aadhya

    (@aadhya9)

    Hi @indigojones66

    Thanks for the screenshot.

    Yes, We can apply the CSS to comon elements of different layouts with the help of custom CSS class. Please refer to the screenshot below,
    https://prnt.sc/b1TvTSb6U_C2

    Once you add your own CSS class e.g. my-css then we can apply the CSS on it.

    .my-css .bdpp-post-title a{font-size: 20px;}

    I can see that you have added direct CSS into the extra CSS class. You just have to add CSS class not style. Please refer to the screenshot below,
    https://prnt.sc/rCTgY8n1AGAU

    Kind Regards,

    Thread Starter Garry Rigby

    (@indigojones66)

    Hi, I added ‘my-css’ to Layer Options > General & Design > Css Class.
    Then pasted the following into my custom css

    .my-css .bdpp-post-title a{font-size: 20px;}

    then tried this

    .my-css .bdpp-post-title a{
    font-family: ‘Open Sans’!important;
    font-size: 16px!important;
    }

    Neither had any effect unfortunately

    Plugin Author Aadhya

    (@aadhya9)

    Hi @indigojones66

    Thanks for your response, I can see the CSS class in sidebar layout but can not see the style on page. Kindly make sure you have added CSS correctly.

    You can try below CSS for proper spacing.

    .my-css .bdpp-post-title a{
    font-family: 'Open Sans' !important;
    font-size: 16px !important;
    padding: 0;
    }
    .my-css h2.bdpp-post-title{margin:0 !important; line-height: normal;}

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

You must be logged in to reply to this topic.