Description text under portfolio items, front page modifications

  • Author
    Posts
  • #164013

    bruna1010
    Member
    Original poster

    Hi,

    I have installed your theme and have tried to modify few things. Most of it I have found on this forum, so thanks for that!

    I have also read your topic: Format caption under image + remove front page portfolios link but keep hover, in which you discussed with another member about how to add description text under portfolio item with another member.

    1. I could not find the code with which we can add few lines of description text under portfolio items, so please if you can post it here? It would be great if I could have the text on both, front page and portfolio page.

    2. I would also like to change project type description to come with larger font, but was not able to do that with the code that I found on this forum. I suppose it should be a different code for Type description?

    /* Page description */ – did not work for type description
    .post-type-archive-jetpack-portfolio .page-header .taxonomy-description {
    font-size: 17px;
    color: black;
    }

    3. Is it possible to add some items on front page, for instance I would like to add button right after featured products which lead to full portfolio.

    Thanks a lot in advance.

    Cheers,
    Bruna

    The blog I need help with is: yolayachting.com

    #164024

    tarasdashkevych
    Theme Author

    Hello Bruna,
    Thank you for using the Venture theme for your website.

    “I would also like to change project type description to come with larger font, but was not able to do that with the code that I found on this forum.”
    – Hmm…I’ve tried that custom CSS and it works.

    Could you please try this CSS:

    
    .tax-jetpack-portfolio-type .page-header .taxonomy-description,
    .post-type-archive-jetpack-portfolio .page-header .taxonomy-description {
      font-size: 21px;
      color: black;
    }
    

    If it still does not change the font size on your site, please let me know when your site is public, so I can inspect your page and see what is causing the issue.

    “I could not find the code with which we can add few lines of description text under portfolio items…”
    – Unfortunately, portfolio items are designed to display the page/project title only. That’s why the demo site displays only the title during the hover on the project item.

    “Is it possible to add some items on front page, for instance I would like to add button right after featured products which lead to full portfolio.”
    – The Front Page template comes with a predefined layout, built by the theme automatically. So, there are limited amount of actions that can be done to customize this template.

    By default, the Portfolio section comes with a link to portfolio archive but it is visible for screen readers only. You can use this custom CSS to display it for all devices:

    
    /* display more link in Portfolio section on Front Page template */
    .front-porfolio .more-link-container {
      position: static !important;
      all: unset;
      text-align: center;
      display: block;
      margin-top: 2rem;
    }
    
    .front-porfolio .more-link-container a {
      text-decoration: none;
      background-color: #161616;
      color: #ffffff;
      padding: 1em 2em;
      border-radius: 30px;
    }
    
    .front-porfolio .more-link-container a:hover {
      background-color: #e0e0e0;
      color: #161616;
    }
    

    However, it’s not possible to add custom elements to the predefined sections on this template.

    By the way, in the recent theme update, we’ve introduced a new template called “Blank content area page” (https://snipboard.io/DLEnmd.jpg) which is perfect for creating custom page layout using blocks only.

    Here is just one example on creating a page with grid layouts using the “Blank content area page” template: https://demo.themesharbor.com/venture/creating-grid-layouts/

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #164029

    bruna1010
    Member
    Original poster

    Hi Taras,

    thank you very much for your answer. The suggested code for changing font size works perfectly now!

    Also, thanks for the additional code for making the portfolio archive link visible to other devices and the suggested blank content page layout.

    I will contact you again in case I come up with any other questions.

    Kind regards,
    Bruna

    #164039

    tarasdashkevych
    Theme Author

    You are very welcome, Bruna!

    Feel free to open a new thread in this forum if you’ll have any other questions regarding the theme.

    Kind regards,
    Taras

The topic ‘Description text under portfolio items, front page modifications’ is closed to new replies.