Portfolio header under photo

Hey!

This is my page

http://www.28blossomstreet.com.au/style-cart/

I don’t want any hover to happen over the image, but rather the text to sit below the photo with this font family “font-family: ‘blooming_elegant_sans-webfont’;” and black text

I’d also like to remove the word “image” and the date and sort alphabetically? And also remove the border

Thanks so much!

Hi

Please consider that theme customization is outside of our support scope, we will do our best to show you how to do that but you will need to implement the changes, and if you are not well versed with coding you will need to hire a developer.

Important: You are using an old version of the theme with the latest version of the Cornerstone. Those are not compatible. Please Backup your website completely and update the theme to version 6.1.6

Please add the CSS code below to X > Theme Options > CSS:

.x-portfolio .entry-featured {
    border: none;
}

.x-portfolio .entry-cover {
    position: static;
    transform:translate(0, 0);
}

.x-portfolio .entry-cover .entry-cover-content > span {
    display: none;
}

.x-portfolio .entry-cover .entry-cover-content .entry-title {
    margin-top: 10px;
}

.x-portfolio .entry-cover .entry-cover-content .entry-title a:hover {
    color: black;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

It is not possible to sort the listing alphabetically with conventional CSS code. You will need to override the PHP code of the theme and rewrite the section to get an alphabetically sorted query from the database. This is way beyond our support scope.

Thank you.

Thanks for that! The code you provided worked perfectly!

… until I updated.

Now none of my custom css is working. It shows up in the backend however not in real time.

And now nothing loads on the portfolio page

Hi There,

Thanks for writing in!

I can see the page is blank nothing loading. In fact, the content is loading but its hidden.
This may due to a third party plugin or script which causing the issue.
To solve this issue please check this points.

Ensure everything is up to date according to our version compatibility list at https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195. Please follow the best practices when updating your theme and plugins. See https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62 for more details.

Test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Remove custom CSS, Javascript and templates.

After you check this please let us know so that we can help you on the CSS.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.