Vanilla portfolio page formatting

  • Posted in : Read WP
  • byNickSchultz
    Participant

    Hi.

    I don’t want to use the built-in portfolio features with this theme. I’d rather just create my own page with the URL “/portfolio”. However, if I use that URL, it adds a large vertical space between the page header (“Portfolio”) and the rest of the copy, and also widens the margins horizontally.

    I really want to use “/portfolio” instead of “/work”. Is there a way I can disable the CSS that messes up the spacing when I use “/portfolio” in my URL?

    In other words, how do I get this: http://bynickschultz.com/portfolio/

    … to look like this: http://bynickschultz.com/work/

    Thanks.

    serkan
    Moderator

    Hi,
    Could you try to use this custom css codes;

    .portfolio-items { display: none; }
    .page .entry-content { text-align: center; }

    Thanks

    byNickSchultz
    Participant

    Close enough. Thanks for your help!

    byNickSchultz
    Participant

    Sorry, hold on. I just noticed the custom css made my “About” page center justified. Is there a way to keep my pages left justified but with the same padding on the left and right margins as each other? If I remove the center justified command from the custom css, my About page and Portfolio page have different left and right margins than each other. I’ve tried adding custom css to add margin or padding, but it affects all pages. I’ve tried adding custom css to just .pf-content-editor.clearfix, but that messes up where my portfolio text starts on the left on mobile.

    In other words, although I was ok with my portfolio being center justified, I do not want my About page center justified. Is there a way to make it so the text on my Portfolio and About pages are left justified and start at the same spot across devices?

    http://bynickschultz.com/about-the-author/
    http://bynickschultz.com/portfolio/

    Thanks.

    serkan
    Moderator

    Hi,
    Could you try to use this custom css code;

    #post-906 { max-width: 768px; margin-left: auto; margin-right: auto; }

    This code will only affect the portfolio page not the about me page.
    Thanks

    byNickSchultz
    Participant

    That worked! 🙌 Thank you so much, @serkan!

    serkan
    Moderator

    You are welcome :) We’d be very happy if you can spare a minute to rate the theme on ThemeForest. Your feedback will boost our motivation and help us to work harder on future updates.

    https://themeforest.net/downloads

    Thank you for your support.

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

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

License required for the following item
Login and Registration Log in · Register