portfolio page: reverse project title/ thumb + blog page tips « Support Forum | Kriesi.at

Support Forum » Angular

portfolio page: reverse project title/ thumb + blog page tips

7 posts from 4 voices

Started 1 year ago by marxian
Latest reply from Devin
This topic is not a support question

Tags:

marxian
Member

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.
http://www.sendspace.com/file/ci84xh

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

Posted 1 year ago #
EntrepreNerd
Member

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

Posted 1 year ago #

Ismael
Moderator

Hello,

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.

Regards,
Ismael

Posted 1 year ago #

marxian
Member

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

Posted 1 year ago #
Devin
Moderator

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.

Regards,

Devin

Posted 1 year ago #
marxian
Member

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:

https://www.dropbox.com/s/ejjncql7wt43mfj/angular_tips_blog.pdf

I hope this can solve my problem, thanks a lot

Posted 1 year ago #
Devin
Moderator

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 :)

Regards,

Devin

Posted 1 year ago #