Docs

[Rish]

Hi ,

I need the TTITLE on top of description aligned with image and need to link the entry navigation to portfolio page.

I attached image for your understanding

[Christopher]

Hi there,

Please resize the image and upload it again and provide us with URL.

Thanks.

[Rish]

This reply has been marked as private.

[Christopher]

Hi there,

#1 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.

Copy _content-portfolio.php from framework/views/ethos and put it in the same path inside child theme, replace existing code with following :

<?php

// =============================================================================
// VIEWS/ETHOS/CONTENT-PORTFOLIO.PHP
// -----------------------------------------------------------------------------
// Portfolio post output for Ethos.
// =============================================================================

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <?php x_ethos_entry_top_navigation(); ?>
  <div class="entry-featured">
    <?php x_portfolio_item_featured_content(); ?>
  </div>
  <div class="entry-wrap cf">
   <h1><span><?php the_title(); ?></span></h1>
    <?php x_get_view( 'global', '_content', 'the-content' ); ?>
    <div class="entry-extra">
      <?php x_portfolio_item_project_link(); ?>
      <?php x_portfolio_item_tags(); ?>
      <?php x_portfolio_item_social(); ?>
    </div>
  </div>
</article>

Please add following code in Customize -> Custom -> CSS :

.single-x-portfolio h1.h-landmark {
    display: none;
}

#2 Please provide us with login credentials.

Hope that helps.

[Rish]

This reply has been marked as private.

[Rish]

#1 is working perfect , but i need to align the title with image as it showing gap above.

[Christopher]

Hi there,

Please add a new page and change its template to ‘portfolio’.

Hope that helps.

[Rish]

Hi Chris,

I add the page and now looks good but i need to fix 2 things.Please have a look on attached image
#1 Title needs to be align as currently their is gap on top of it

2# Next/previous Arrows looks too odd at their current place and needs to be like same as showing in pic.( In mobile view arrows are on their perfect position).

And thanks for helping out

[Rupok]

Hi there,

Thanks for writing back.

#1. It’s already aligned correctly. Clarify what else you need to align and attach a screenshot for this. It seems you are using the following code to modify this :

h1, .h1 .single-x-portfolio {
  font-size: 250%;
  margin-top: -0.2em;
}

You can use the following CSS selector to modify this as it would be better approach :

.single-x-portfolio .entry-wrap > h1 {
  margin-top: 0;
}

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

.entry-top-navigation {
  padding-right: 35px;
  width: 68%;
}

Hope this helps.

[Rish]

This reply has been marked as private.

[Rupok]

Hi there,

It seems you got it sorted. To make the image fullwidth within container; you can add this as well :

.x-portfolio .entry-thumb img {
  width: 100%;
}

If you have any question; kindly specify properly since you are changing this meantime.

Thanks!

[Rish]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 979px) {
.entry-top-navigation {
    padding-right: 0;
    width: 100%;
}
}

Hope that helps.

[Rish]

Great Paul :)Thanks for helping

I need to understand and figure out few things related to portfolio, which stated below

#1 I have 2 portfolio on website and need to change the thumbnail size of one of them to 3:4 ratio.( Below is the link)
http://d-weddings.net/New/artists/
i am using below code but its affecting both portfolios and i need to define ratio instead of pixels as image can be of any size.

.x-iso-container.cols-4 .entry-cover{
padding-bottom: 85%;
height: 400px;
width: 300px;
}

#2 For below link portfolio, i need to change the background color behind the title text( currently set to semi transparent black , i need white )
http://d-weddings.net/New/portfolio/

#3 The Filter showing both portfolio categories –

a)i need to show the artist category with sub categories in filter on artists page.
b) And portfolio category with its sub categories on portfolio page.

#4 Last the link of “Entry top navigation ” icon needs to linked to respective portfolio pages, as currently both pages navigation icon pointing the “portfolio page”.

[Lely]

Hi There,

1.) We can filter the CSS by page. Please update the CSS to this:

.page-id-77 .x-iso-container.cols-4 .entry-cover{
padding-bottom: 85%;
height: 400px;
width: 300px;
}

2.) Please use this CSS:

.page-id-52 .h-entry-cover:before {
    background-color: #fff;
}

Please note that changing the background white will result to text be invisible since it is also white. In case you want to change the font color of the text, please use the following CSS:

.page-id-52 .h-entry-cover {
    color: red; /*Change to your preferred color*/
}

3.) Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

4.)You have not assigned the Portfolio Parent to the items for their categorization. You can do this by editing any portfolio item, scroll down to Portfolio Item Settings > Portfolio Parent and select your portfolio parent. That should be displayed correctly in your breadcrumbs.

Hope this helps.

[Author]

Posts