Making center of portfolio one color

Hey!

I’ve seen this site: http://www.dashdesigner.com/portfolio/

I’d like to do what they’ve done, i.e. if I wanted all of the page to be one color in the section highlighted in turquoise - https://i.imgur.com/RHwby5u.png

Current site is http://etc-inter.net/newsite/?page_id=8 for reference.

Hello @ETCInternationalColl,

Thanks for asking. :slight_smile:

You can add following CSS under X > Theme Options > CSS:

.x-container.max.width.offset {
    background-color: #fff;
}

.entry-wrap {
    box-shadow: none; /* if you would like to remove shadow effect then use this CSS code */
}

Above changes are done using custom CSS. If you would like to explore CSS, please take a look at following resource:

https://www.w3schools.com/css/

Thanks.

Hi! Thank you for this.

How would I go about adding the Portfolio Categories just underneath the course title?

For example, “Standard General English” in the current font and then centered and underneath in a smaller font “#Adult Courses / #Afternoon Classes / etc”

Hi again,

I checked your portfolio page and the Portfolio Categories are underneath the course title with smaller font (see screenshot)

Would you mind clarifying a bit with some screenshots so we can take a look?

Thanks!

What I mean is underneath that section you have the courses, or portfolio pages, right? So like General English (Standard) etc.

Could I have it display like

General English Standard (in current font)
(bootstrap tag icon) 15 hours per week / (bootstrap tag icon) 20 lessons per week — etc, all in a small font?

Like this (Replace hashtag with the bootstrap icon) https://imgur.com/a/E4SLpWw

Also, one random question, is there a way to make it so h6 isn’t capitalized?

Hi There,

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Then navigate to your child theme’s /framework/views/integrity directory create a file named content-portfolio.php and paste the code below:

<?php

// =============================================================================
// VIEWS/INTEGRITY/CONTENT-PORTFOLIO.PHP
// -----------------------------------------------------------------------------
// Portfolio post output for Integrity.
// =============================================================================

$archive_share = x_get_option( 'x_integrity_portfolio_archive_post_sharing_enable' );

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <div class="entry-featured">
    <?php x_portfolio_item_featured_content(); ?>
  </div>
  <div class="entry-wrap cf">

    <?php if ( x_is_portfolio_item() ) : ?>

      <div class="entry-info">
        <header class="entry-header">
          <h1 class="entry-title entry-title-portfolio"><?php the_title(); ?></h1>
          <?php x_integrity_entry_meta(); ?>
        </header>
        <?php x_get_view( 'global', '_content', 'the-content' ); ?>
      </div>
      <div class="entry-extra">
        <?php x_portfolio_item_tags(); ?>
        <?php x_portfolio_item_project_link(); ?>
        <?php x_portfolio_item_social(); ?>
      </div>

    <?php else : ?>

      <header class="entry-header">
        <h2 class="entry-title entry-title-portfolio">
          <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to: "%s"', '__x__' ), the_title_attribute( 'echo=0' ) ) ); ?>"><?php x_the_alternate_title(); ?></a>
          <?php x_integrity_entry_meta(); ?>
        </h2>
        <?php if ( $archive_share == '1' ) : ?>
          <?php x_portfolio_item_social(); ?>
        <?php endif; ?>
      </header>

    <?php endif; ?>

  </div>
</article>

Please try adding this custom CSS under Theme Options > CSS:

.h6, h6 {
     text-transform: none;
}

Hope it helps :slight_smile:

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