Links color, footer height, number of projects on portfolio archive,…

  • Author
    Posts
  • #151460

    charom3
    Member

    Hi Taras,

    I’ve some additional questions for my website.

    1) I’ve tried to set up the links color in the available parameters but it seems to change nothing. Have you got a CSS to set up links color (currently, it stays black so user can’t see there’s a link) and also so set up links color on hover ? I would like this to work only for the content of pages and articles (not on sidebar, widgets,…).

    2) I would like the portfolio https://crearo-agency.com/portfolio/ to display all the projects available on one page (no arrow). How to adjust the limit of displayed projects per page ? But of course I would like the portfolio section on homepage https://crearo-agency.com to continue to display max 9 projects.

    3) For the portfolio projects and the articles, I would like to have always the same featured image in the header. Currently, image in header is the featured image of each article/project. Is it possible to set just one header image for projects and one another for articles ?

    4) I would like to reduce the 150px blank a the bottom of footer.

    5) And finally, is there a custom CSS to hide a specific footer widget on smartphone ? (I want to hide the trust pilot slider on smartphone)

    Thanks very much for your help and have a nice day

    The blog I need help with is crearo-agency.com.

    #151466

    tarasdashkevych
    Theme Author

    Hello,

    #1: It looks like your links were changed to #404040 using the Custom Colors option. Please try this custom CSS to change your links color in the content area:

    
    a {
      color: red;
    }
    
    a:hover {
      color: green;
    }
    

    #2: Please see this documentation page: https://en.support.wordpress.com/portfolios/#Activating-a-Portfolio-and-Setting-Portfolio-Projects-Per-Page

    #3: It’s possible to set just one header image for projects and one another for articles in singular views using a custom CSS.

    Portfolio page:

    
    .single-jetpack-portfolio .page-header .th-featured-image {
      display: none;
    }
    
    .single-jetpack-portfolio .page-header {
      background-image: url(https://i2.wp.com/crearo-agency.com/wp-content/uploads/2020/02/crearopic.jpg);
    }
    

    Post page:

    
    .single-post .page-header .th-featured-image {
      display: none;
    }
    
    .single-post .page-header {
      background-image: url(https://i2.wp.com/crearo-agency.com/wp-content/uploads/2020/02/crearopic.jpg);
    }
    

    #4: Do you have any empty widgets (HTML widgets) in your footer widget area?

    #5: WordPress automatically adds a unique ID for each widget added to the site. Currently, the ID of your the trust pilot slider widget is slideshow-3. So you can use this custom CSS to hide it in mobile views:

    
    @media (max-width: 500px) {
      .footer-widget-area #slideshow-3 {
        display: none;
      }
    }
    

    Hope this helps.

    Kind regards,
    Taras

    #151480

    charom3
    Member

    HI Taras,

    Thanks for all. All work perfectly !

    I’ve just a last detail : the CSS code for links color that you gave me seems to have an effect on hover on the main menu (at position 0, without scrolling the website). The color of words of menu changes on hover. Have you got something to keep it white on hover ? Thanks

    #151508

    tarasdashkevych
    Theme Author

    You can also add this custom CSS to change the color of the menu links on a hover state:

    
    .main-navigation ul:not(.sub-menu):not(.children) > li > a:hover {
      color: #ffffff;
    }
    

    Hope this helps.

    Kind regards,
    Taras

The topic ‘Links color, footer height, number of projects on portfolio archive,…’ is closed to new replies.