0

I am currently working on this website which uses a Wordpress theme designed by one Themeforest author. As can be seen via the link and the following screenshot from the same page, the theme's Portfolio (Custom Post Type) utilises 8 columns for textual and any other data -- with 4 other other columns to its right used in rendering a meta-box.

The space bordered in Orange is empty and unused.

My issue is largely with the blank space under the meta-box. The page's design is such that while only a portion of those 4 columns are used for the box, the rest of that space beneath it goes unused.

I am looking to amend this design; I'd like to fit in other plugins (a Newsletter sign up box, for instance) below the meta-box in the space bordered in Orange and am unsure on what would be the best way to go about it.

The theme author is also unresponsive which rules out asking them about the same. The code used in the design of the pictured portion of the page is as follows --

<div class="large-12 medium-12 columns">
                        <h2 class="portfolio-detail-title"><?php the_title(); ?></h2>
                    </div>
                    <div class="portfolio-detail-left large-8 medium-8 columns">                        
                        <div class="portfolio-detail-text">
                        <?php while ( have_posts() ) : the_post(); ?>
                            <?php the_content(); ?>
                        <?php endwhile; // end of the loop. ?>
                        </div>
                    </div>
                    <div class="portfolio-detail-right large-4 medium-4 columns ">
                        <div class="portfolio-detail-inner">                            
                            <div class="portfolio-detail">      
                                <div class="portfolio-detail-content"><i class="fa fa-tag"></i> <span><?php the_terms( get_the_ID(), 'portfolio_categories' ); ?></span></div>                      
                                <div class="portfolio-detail-content"><i class="fa fa-user"></i> <span><?php echo esc_attr( $portfolio_client ) ?></span></div>
<div class="portfolio-detail-content"><i class="fa fa-home"></i> <span><?php echo esc_attr( $portfolio_location ) ?></span></div>
<div class="portfolio-detail-content"><i class="fa fa-bookmark-o"></i> <span><?php echo esc_attr( $portfolio_skills ) ?></span></div>
<div class="portfolio-detail-content"><i class="fa fa-cogs gears"></i> <span><?php echo esc_attr( $portfolio_rates ) ?></span></div>
<div class="portfolio-detail-url"><i class="fa fa-chain"></i> <a href="<?php echo esc_url( $portfolio_url ) ?>"><span><?php echo esc_url( $portfolio_url ) ?></span></a></div>
<div class="portfolio-detail-content"><i class="fa fa-facebook"></i> <span><?php echo '<a href="esc_attr( $portfolio_rates )"></a>' ?></span></div>



                            </div>
                        </div>
                    </div>
                </div>

Is there any plausible way to render that blank space usable?

Thank you.

  • I don't understand the question here. You have the code, change it as much as you want. If the authors have gone down then there isn't even a need to take into account possible future updates – Mark Kaplun Jul 18 '16 at 9:25
  • @MarkKaplun I'm not overly familiar with coding, hence my question is if there were a way to use that blank space -- how would I go about doing it? – Sean Bragança Jul 18 '16 at 10:22
  • sorry, but this is a developer oriented site, basic assumption is that people that ask questions here can at least read code otherwise the answers are unlikely to help them. Specifically, without seeing the full code of the theme and knowing what is it that you might want to put there, it is just impossible to answer the question – Mark Kaplun Jul 18 '16 at 12:02
1

Why don't you create a shortcode for this , it's much easier, standard and flexible.

0

Short answer: most probably there is.

I would recommend you use a child theme to achieve this. You can then copy any of the parent theme's templates into your child theme and alter them as you like. In your case it's probably something like "single-portfolio.php" inside the templates folder of the theme.

A good starting point for working with child themes is the Child Theme page of the WordPress codex.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.