Docs

[V]

Hello…I’m currently trying to modify the single portfolio page appearance by css so that it follows a two column format. Early on I realized that to modify some of the classes would be to modify all occurrences, so I tried modifying the portfolio content php file to include an id or a second class. But the css only seems to work for the original classes.

CSS:

.entry-featured #portfolio-image {
	width: 45%;
	float: left;
}
.entry-content #portfolio-text {
	width: 50%;
	float: left;
	margin-left: 20px;
	display: block;
}
.entry-info .portfolio {
	padding-top: 0px;
	margin-top: 0px;
	position: relative;
	top: 0px;
}
@media screen and (max-width: 767px) {
	.entry-featured #portfolio-image {
		width: 100%;
		clear: both;
		z-index: 99;
		display: block;
	}
	.entry-content #portfolio-text {
		width: 100%!important;
		display: block;
		clear: both;
	}
	.entry-extra {
		display: block;
		position: relative;
		top: 0px;
	}
	.entry-info .portfolio {
		z-index: 999;
		display: block;
		padding: 10px 60px 20px 30px;
	}
}

The Portfolio Content php
(unfinished because I noted that the id was having no effect on the particular segment I was trying to modify, with or without the class)

<div class="entry-info portfolio">
<header class="entry-header">
          <h1 class="entry-title entry-title-portfolio"><?php the_title(); ?></h1>
          <?php x_renew_entry_meta(); ?>
        </header>
        <div class="entry-featured" id="portfolio-image">
          <?php x_featured_portfolio( 'cropped' ); ?>
        </div>
        <?php x_get_view( 'global', '_content', 'the-content' ); ?>
      </div>
      <div class="entry-extra">
       <?php the_field('gallery-info'); ?>
        <?php x_portfolio_item_project_link(); ?>
        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('fineart-sidebar') ) : ?>
<!-- Add your stuff here -->
<?php endif; ?>
        <?php x_portfolio_item_social(); ?>
        <br/>
        <?php x_portfolio_item_tags(); ?>
      </div>

Thanks in advance

[Christian]

Hey there,

Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or you might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[V]

You’re very welcome. Thank you for the redirect.

[Rad]

You’re welcome!

[Author]

Posts