Docs

[robvandalen]

Hi,

I cant seem to figure out which class to edit to make the background on a portfolio item page white. E.g. http://blinckt.nl/portfolio/testitem-4/

Can you assist with this?

[robvandalen]

An extra item on this subject:

The “launch project” (on my site in Dutch: “bekijk dit item” font size is quite HUGE on a portfolio item page. How can I change this? (also for the portfolio tags section title)
For example, look at: http://blinckt.nl/portfolio/logo-en-huisstijl-trip-notarissen/

Can’t figure out whether this is in a heading style, bit i’d like it to be around half the size.

Thanks a lot in advance!

[Darshana]

Hi there,

Thanks for writing in!

#1. You can add this under Custom > CSS in the Customizer.

.single-x-portfolio .entry-wrap {
    background-color: #ffffff;
}

#2. To change those information, head over to Appearance -> Customize -> Portfolio -> Labels area.

Hope that helps.

[robvandalen]

@ #1 Ah, it was the entry-wrap i missed 😉

Thanks!

@ #2 I don’t mean to change the words, I figured that out, but the font size of those words. See the atached image, I want to make the font size of the word Tag List smaller.

Makes sense this way?

Thanks in advance!

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.x-portfolio .entry-extra ul {
font-size: 14px;
}

Hope that helps,

Joao

[robvandalen]

Nope, thats the size of the actual tags, see screenshot of my developper tools, I don’t want that word ‘Tag List’ to be in H2.

[robvandalen]

Sorry, screenshot was too big
here it is in two parts

[Rue Nel]

Hello There,

Thank you for the clarifications! The tag list title element is hard coded in the theme. If you need to change it, you can find the file x/framework/functions/global/portfolio.php and in line 257, you can change this line:

echo '<h2 class="h-extra skills">' . $tag_title . '</h2>';

Or you can use this JS code to change the element. Please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

(function($){
  var text = $('.h-extra.skills').text();
  console.log(text);
  $('.h-extra.skills').replaceWith($('<h5>' + text + '</h5>'));
})(jQuery);

Hope this helps.

[robvandalen]

Great!

The custom JS nailed it so far.
Really great we were able to clarify it!

Have a nice weekend

[Rue Nel]

It’s good to know that it works out for you.
Have a great weekend to you too!

[Author]

Posts