Okay
  Public Ticket #171536
next and previous projects projects button sizes
Closed

Comments

  • Richard started the conversation

    Hello,

    Please see the attachment. I would love to make the next and previous projects title and area smaller. 

    Any help would be greatly appreciated,

    Thanks,

    Richard

  • [deleted] replied

    Hey Richard, please add this CSS to your site to make the changes you requested.

    div.row.project-title {
        background-color: #EDEDEC;
        margin-top: -80px !important;
    }
    
    body.single-portfolio .container-wrap {
        padding-top: 17px !important;
    }

    You'll notice it's not quite your mockup, but I've done it as best as I could. Cheers :)

  • Richard replied

    Thank you very kindly for your help with this, looks great. Would there be a way to make the title smaller as well?

  • [deleted] replied

    Hey Richard, just add this CSS to make the font smaller:

    #full_width_portfolio > div.row.project-title > div > div > h1 {
        font-size: 23px;
    }
    

    Cheers :)

  • Richard replied

    Amazing - so helpful! I was hoping I'd be able to change the back to projects button and next/previous projects buttons just by altering the image files…they don;t seem to be anywhere though. Is there an easier way to do it? (last question..i promise) I'll send you a pint in the post

  • [deleted] replied

    Hey Richard, feel free to ask as many questions as you want! Sadly, I don't really understand your latest request - could you try and explain? Cheers :)

  • Richard replied

    Hello,

    Well thank you! What I meant was… The size of the text, as per the screenshot above is now sorted as you can see here http://www.morphic.tv/portfolio/methodman/ but I'd still like to make the next and previous buttons smaller, as well as the back to projects button. So the button to the left and right of the title.

    Hopefully that is a bit more clear, and thank you kindly for your help.

  • [deleted] replied

    Hey Richard, that's not going to be easy to achieve - sorry! If you could leave your WP login details as a private message I could take a look for you. Cheers :)

  •   Richard replied privately
  •  8,838
    Tahir replied

    Hey Richard! 

    Add this into the Custom CSS box located in your Salient Options panel:

    #full_width_portfolio div.row.project-title {
    margin-top: -97px !important
    }
     body.single-portfolio div.container-wrap {
                    padding-top: 0px !important
    }
    
    
    

    #portfolio-nav ul li#all-items a i {

    line-height: 34px; font-size: 25px !important; } #portfolio-nav li#next-link a i,#portfolio-nav li#prev-link a i { font-size: 23px !important;}

    Cheers


    ThemeNectar Support Team 

  • Richard replied

    Excellent, this worked really well. THank you very much for all of your help support team!