Okay
  Public Ticket #2203025
Portfolio Title alignment option
Closed

Comments

  • Patryk started the conversation

    Hi,

    cant find where the Portfolio title can be justified to the Right or to the Left side.
    let me know please

    regards

    PB

  •  3,023
    Andrew replied

    Hi PB,

    Apologies for the late reply.

    There is no direct option for that in the theme.
    We are assuming you are referring to a portfolio items main page.

    You can try and use this CSS to adjust where the header is placed:

    body.single.single-portfolio #page-header-bg h1{
        transform:translate(-20%, 0px) !important;    
    }
    

    add it to salient \ general settings - css script related - custom css code.

    Adjust the -20% to what you need.
    Hope this helps. 

  • Patryk replied

    Hi Andrew,

    I got this error when pasting your code.(attached img)

    the Title dosent move

  •  3,023
    Andrew replied

    Hi paboman,

    The code should still work.

    Please try it as it is and adjust it to what you need and it does not give the results you want then give us a link to the actual page we see what we can do.

    Thanks.

  • Patryk replied

    Hi,

    tried again with: 

    .single.single-portfolio #page-header-bg h1{
    transform:translate(-20%, 0px) !important;
    }

    and:

    body.single.single-portfolio #page-header-bg h1{
    transform:translate(-20%, 0px) !important;
    }

    without success

    this is the link:
    http://3d.bnzconsulting.com.cy/?portfolio=realtime-car-configurator


    thx!

  •  3,023
    Andrew replied

    Hi there,

    Try this instead:

    .single-portfolio .row .col.section-title h1{
        transform:translate(-20%, 0px);
    }
    

    adjust the -20% to move the title as you would like.

    Also you could try this:

    .single-portfolio .row .col.section-title h1{
        text-align:left;
    }
    

    Hope this helps.

  • Patryk replied

    Hi,

    now the title is moving but still cant get it justified to the left

     with:

    .single-portfolio .row .col.section-title h1{    transform:translate(-20%, 0px);
    }

    each title behave differently

    while with:

    .single-portfolio .row .col.section-title h1{    text-align:left;
    }

    the title is not aligned with the left margin of the content 

  •  3,023
    Andrew replied

    Hi Paboman,

    Could you then try this CSS to add a flex kind of layout on that section and get the title to justify left along the left margin of the page content:

    #full_width_portfolio > div.row.project-title > div.containter{
        display:flex;
    }
    #full_width_portfolio .row .col.section-title{
        padding-left:0;
        justify-content:left;
    }
    .single-portfolio .row .col.section-title h1{
        text-align:justify;
    }
    

    We are working off of the page you linked to that seems to have changed - https://3d.bnzconsulting.com.cy/?portfolio=realtime-car-configurator 

    Hope this helps. 

  • Patryk replied

    Hi Andrew,

    now is working perfectly on computer but the title is not aligning on Mobile devices, can we fix this as well?

    thx!

  • Patryk replied

    help please

  •  3,023
    Andrew replied

    Hi Patryk,

    Apologies for the late reply.

    On mobile when we take a look the title is aligned with the rest of the page content. See screenshot of what we are seeing.

    What are you getting on your end because the alignment seems to be fine.
    Thanks.