New Landing How can we help? Themeforest Theme Support Dante Change Portfolio Showcase Title and Size

Viewing 6 posts - 1 through 6 (of 6 total)
  • Posted in: Dante
  • #276634
    Dottino
    Member
    Post count: 12

    Hello, How do I change the size and color of the Portfolio Showcase title on the home page with the title named CASE STUDIES (in the blue bar). I would like it to be white and larger (perhaps twice the size) The 2 horizontal lines should still be centered vertically on the title. If that is not possible, just take those out. I only want this to happen on this page if possible or only on all portfolio showcase titles. I attached a screenshot of the one I want to change. Thank you!

    Attachments:
    You must be logged in to view attached files.
    #276710
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .spb_portfolio_showcase_widget .spb-heading.spb-center-heading h3 span:after, .spb_portfolio_showcase_widget .spb-heading.spb-center-heading h3 span:before{
    border:2px solid #e4e4e4 !important;
    }

    Thanks
    Mohammad

    #276926
    Dottino
    Member
    Post count: 12

    Hi,
    I put this in the custom css and I don’t see any change. It looks the same size to me and it is still black.I would like it white and larger. You can get rid of the 2 horizontal lines if necessary. They don’t look good right now in mobile view.
    Thanks

    #276963
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .spb_portfolio_showcase_widget h3.spb-heading span {
     color: #fff !important;
    }
    
    .spb_portfolio_showcase_widget h3.spb-heading span:after,spb_portfolio_showcase_widget h3.spb-heading span:before{
     display: none !important;
    }

    Thanks
    Mohammad

    #277446
    Dottino
    Member
    Post count: 12

    Hi,
    Thanks, I revised the code a bit to make it exactly what I want to this:

    .spb_portfolio_showcase_widget h3.spb-heading span {
    color: #fff !important;
    font-size: 36px !important;
    line-height: 10px !important;
    }
    .spb_portfolio_showcase_widget h3.spb-heading span:after,.spb_portfolio_showcase_widget h3.spb-heading span:before{
    display: none !important;
    }

    I forgot to ask, is there anyway to make this title a clickable link to go to this page:

    Case Studies

    Thanks

    #277461
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    the only way to make the title clickable is by customizing the code, there is no other option to do it.

    -Rui

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register