Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #10692


    I’m running into a few problems setting up Angular:

    First, certain portfolio item’s titles go off the page both in the in-page display and in the single-page. This is due to a word being longer than the allocated space. Is there a way to fix this ? (example at This happens only at the tablet-sized window but is especially annoying as the ipad suffers from it.

    Secondly, is there a way to enable the next image icons in portfolio items that have multiple images to alway be displayed. Again, this is useful for mobile device with no hover functionality.


    Hi radugidei,

    This is one of the difficulties of working with a adapting design, sometimes and element can be a bit to narrow for a long word. So what I would suggest as a fix, is to add the below css rule to the media queries that will be effected.

    Open up layout.css (its in the css folder inside the theme files) and search for: #Media Queries

    Then add the following to the Tablet Portait size:

    h1.ajax-portfolio-title {
    font-size: 26px;

    This will shrink the font a bit and help to fit the longer words in without any clipping.




    thanks for the reply, but tried it and it doesn’t affect the outcome at all.


    Hi radugidei.

    The above would only target the portfolio as it loads inside the page. You can change the font size on the individual portfolio page by adding the following to your Quick CSS:

    .post-title.portfolio-single-post-title {
    font-size: 30px;

    This will shrink it down for all the portfolio items, but it will get rid of the overlap all together.




    sorry for replying so late, had to park the project for a while.

    Thanks for the solution, that solved it.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Portfolio image slideshow & Layout issues’ is closed to new replies.