Creating Portfolios

Hi @sosebeehive,

I am sorry for the delay in response. I checked your site. And currently the portfolio items are made with custom post type. In Astrid, the portfolio is a little special for it uses regular page with Single Project page template added by the theme that you can add from Dashboard > Pages > Add New.

The page template option can be found in your editor’s sidebar: https://i.snipboard.io/ZItO7M.jpg.

To display all portfolio items in a single page, what you need to do is create a new blank page and enable the Widgetized template and publish the page. Next, go to Appearance menu > Widgets. There you’ll have widget area which the name is your page title you just created. And choose the Astrid FP: Projects widget from the list to put into it.

To change color for body text, in Astrid, you can simply go to Appearance menu > Customize > Colors. You should also find other color setting for particular area like background in there. If you can’t find the setting for particular element’s color you wish to change, you always can add your own CSS code into Additional CSS.

Hope this reply helps.

Hello, thank you for your reply – I will try the portfolio/single project option and let you know!

Regarding the body text, I can’t find the additional css code to change a) the background colour of the pages to black, and the font to white (see here: https://ibb.co/QmJhhQX).

Would you be able to advise on those pieces please? Much appreciated.

> I can’t find the additional css code to change a) the background colour of the pages to black, and the font to white (see here:

Try adding this CSS code to your site’s Additional CSS under Appearance > Customize menu.

.hentry,
.site-content > .container {
    background-color: #000;
}

h1, h2, h3, h4, h5, h6, .entry-footer, .entry-footer a, .entry-meta, .entry-meta a {
  color: #fff;
}

Hi Kharis,

Thank you for the code update, the font is now white, but the title is gray (see here: https://ibb.co/tXtS0C4) and on other pages, the font is black and I can’t figure out how to change it to white, and the title to the yellow theme the rest of the headers have (see here: https://ibb.co/QD9NDYS).

Sorry to be a pain, I’m new to this!

Hi,

Thank you for getting back.

Try adding this CSS code to change the post’s title color:

.entry-title, .entry-title a {
  color: #fff;
}

.entry-title a:hover,
.entry-title a:active {
  color: #fff;
}

Amazing, this has worked for the title!

Still stuck on the body colour here though (https://ibb.co/TLh6zJz).
Also, is there any way to remove the white border / sidebar (as seen in the screenshot in the above)?

I really appreciate your help, I’m getting there!

Hi,

You can choose your color for body text from Appearance menu > Customize > Colors > Body text.

To remove the default border on content and sidebar areas, add this CSS code to your site’s Additional CSS.

.content-area .hentry,
.widget-area .widget {
  border: none;
}

Thank you!