Docs

[powrider686]

Hello,
On my site, blendwebmarketing.com, I can’t get the portfolio items, in this case client pages, to display how I’d like them to. Can you help?

First, how could I get the images to display at the aspect ratio that I uploaded? For example, all of the images should be 2000×1100 but it displays them as square and cuts of parts of the image.

Second, how can I center and make the title more prominent? I’d like to increase the text size a bit and have it centered over the excerpt.

Third, how can I center the excerpt text?

Fourth, I’d like “Read more” button to be centered, and to change the text to See the Project. How could I do that?

Lastly, I have the post grid set to “Basic Grid: Default” but it looks like it is masonry style because the portfolio items are different sizes. How can I make them all the same size?

Thanks for the help!

[powrider686]

Oops, here is the screenshot of the portfolio page as it stands now.

[powrider686]

Two other questions about the portfolios:

One, how can I change the hover of the portfolio post to say something like “View the Project?” Attached a screenshot.

Two, how can I change the date on the individual portfolio page to either have it removed entirely, or to just have the month and the year?

Thanks for the help!

[Christopher]

Hi there,

#1 Please disable ‘Cropped Featured Images’ option from Customize -> Portfolio.

#2 & #3 Upon checking your site, I see you set headline and text alignment to left using editor, please see the attachment.

#4 Please add following code in Customize -> Custom -> JavaScript :

jQuery("a.vc_gitem-link.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-juicy-pink").html("See the Project");

#5 & #6 Please add following code in Customize -> Custom -> CSS :

.x-recent-posts .x-portfolio .x-recent-posts-img:before {
    content: "View the Project";
}

.single-x-portfolio{
.p-meta{
display:none;
}

Hope it helps.

[Author]

Posts