Docs

[stephennorbrook]

Hi, I am setting up the 2 column portfolio layout (Integrity) with the social icons in the right hand column. How do I add a button to right hand portfolio column under the social icons?

Please also advise how to make the social icons on the portfolio column larger (currently very small and I would like to increase i size). Thanks

[stephennorbrook]

I should add, the button for the portfolio page should say ‘contact us’ and appear on every contact portfolio page under the social icons. Thanks

[Baroninn]

Hi

To change the sizes of the social icons try this css code :
Place the code in Customizer->Custom->Custom CSS

.single-x-portfolio .x-share-options i {
    font-size: 45px;
}

To add a “contact us” button under the icons
First setup your child theme, Here is a guide for that -> https://community.theme.co/kb/how-to-setup-child-themes/
Next,
Copy this file : /wp-content/themes/x/framework/views/integrity/content-portfolio.php
Into : /wp-content/themes/x-child/framework/views/integrity/content-portfolio.php

Edit the file in the new location and replace all content with this :

<?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(); ?>
		<?php echo do_shortcode( '[button type="real" block="true" shape="square" size="normal" href="/ENTER-YOUR-CONTACT-URL-HERE" title="Example"]CONTACT US ![/button]' ); ?>
      </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>
        </h2>
        <?php if ( $archive_share == '1' ) : ?>
          <?php x_portfolio_item_social(); ?>
        <?php endif; ?>
      </header>

    <?php endif; ?>

  </div>
</article>

Then change the 32 line of the file where it says “ENTER-YOUR-CONTACT-URL-HERE”

Hope this helps….

Just remember , use child theme and make all your changes in that folder.
Dont ever change the files within the folder X

🙂

Best regards

[Friech]

Awesome @baroninn, thank you for helping others.

Hi there @stephennorbrook, Please do @baroninn solution it should work.

If its not, provide us login credentials (admin and FTP) in private reply so we can take a closer look.

Thanks.

[stephennorbrook]

Thank you for the help @baroninn

A great solution 🙂

[Lely]

Cheers for the good community we have here!

[stephennorbrook]

Could someone please advise how to add some padding to the top of the button, and how to change the color?

code I am looking at is:

<?php echo do_shortcode( ‘[button type=”real” block=”true” shape=”square” size=”normal” href=”/ENTER-YOUR-CONTACT-URL-HERE” title=”Example”]CONTACT US ![/button]’ ); ?>
</div>

Thank you

[Joao]

Hi There,

You can add an inline style on your button shortcode.

<?php echo do_shortcode( ‘[button style="color:red; padding-top:10px;" type=”real” block=”true” shape=”square” size=”normal” href=”/ENTER-YOUR-CONTACT-URL-HERE” title=”Example”]CONTACT US ![/button]’ ); ?>
</div>

If you are not happy with padding-top, use margin-top.

Hope it helps,

Joao

[stephennorbrook]

Thanks for the reply Joao. Worked great

[Rad]

Glad to hear that! Thanks!

[Author]

Posts