Tagged: , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #11707

    Hi Kriesi,

    I want to ask a help to change two aspects of your theme, I’ll send you a pdf attached explanatory, via sendspace.


    1) in the portfolio page, I want to reverse the project title and thumbnail. And ‘possible? that piece of code I need to change and to what page?

    2) in page blog, I want to delete the icon on the left of the post title and body and align text to the image. And ‘possible? That piece of code I need to change and to what page?

    thanks, M


    I would love to see both of these things implemented as well.



    You can do the following for the reversed title. On includes > loop-portfolio.php, look for

    echo "<h1 class='post-title portfolio-title'>";
    echo "<span class='primary-background title-span'></span>";
    echo "<a href='".get_permalink()."' rel='bookmark' title='".__('Permanent Link:','avia_framework')." ".get_the_title()."'>".get_the_title()."</a>";
    echo "</h1>";

    Cut it then paste it below this lines.

    echo $slider->display($forceSmall);

    And in order to do Number 2.. go to custom.css drop this line.

    .post-format-icon, .flag, .blog-meta {
    display: none;

    .container .seven.units {
    width: 630px;
    left: -30px;
    position: relative;
    margin-top: 10px;

    #top .offset-by-one {
    padding: 0;

    Hope this helps.




    The first point has been fixed, thanks!

    The solution for the second point however_ creates a problem at the reduction of the layout for smartphones.

    I attach a picture: http://www.sendspace.com/file/3lpxpu

    The problem seems to arise because of these lines:

    What can I do differently?

    thank you very much


    Hi marxian,

    You’ll need to host the image on an easily accessible page that doesn’t require a download or link to your site here so we can take a look live.




    Hi Devin, I’m sorry but unfortunately I’m designing the site offline, so I can not show anything. Regarding the image, this is a direct link:


    I hope this can solve my problem, thanks a lot


    Hi Marxian,

    It looks like you’ll need to add a media specific css adjustment. Without actually inspecting the code live I’m hesitant to provide any new css as I can’t be certain exactly which code should be added (to prevent any further issues).

    Whats happening is inside layout.css (as well as a few others) there are media queries with css rules that take effect once the screen size hits certain criteria. So in layout.css you’d search for #Media Queries and would need to adjust or add new css to make the issue you’re seeing look correct again.

    If you can get the site on a temporary sub-domain or folder I’d be happy to take a look at try and find a quick fix for whats happening :)



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

The topic ‘portfolio page: reverse project title/ thumb + blog page tips’ is closed to new replies.