[rhodez]

Solved! Used media queries instead:

@media only screen and (max-width: 320px)

This media query works ok for my custom css classes but not for id.
For example

@media only screen and (max-width: 320px) {

#bigblackbg span{
font-size: 24px;
}
}

WON’T CHANGE font size in iPhone. Help appreciated :).

[rhodez]

Sorry, my mistake,

I had chosen “full width media” instead of standard media. Now portfolio images are working properly and I don’t even need the second CSS code.

[rhodez]

Hi,

I am trying to do something similar with portfolio images / blog images. This CSS works for keeping blog / portfolio images streching over 100% width. However it creates another problem: the portfolio image jumps to top of the page:

/* BLOG / PORTFOLIO IMAGES DON’T STRECH OVER 100% AND CENTER */

figure.media-wrap {
text-align: center;
}
figure.media-wrap img {
max-width:100%;
margin: 0 auto;
width:auto!important;
display: inline-block;
}

Tried to use this CSS to give the image a 100px top margin but it doesn’t work for me:

article.type-portfolio figure.media-wrap img {
margin-top: 100px;
}

Here is a sample portfolio item from my site: http://sometek.fi/portfolio/tiimilukio-verkkosivusto/

[rhodez]

Thanks,

will try that out!

[rhodez]

Ok,

so back to the initial question: what is the optimal image size for portfolio standard image, assuming users are not sizing their window more than 1280px wide? Eg. what is the width of the content area then?

For reference, check how your demo image scales here when resizing browser window:

http://dante.swiftideas.net/portfolio/saap/

I don’t want to use 2000px wide images as in the above demo page. They are way too slow to load and I don’t have such large images.

Thanks for your patience! This is important since I have a lot of images to process and I want them to look pixel perfect.

[rhodez]

Hi,

sorry but my site is not live yet. There are no other plugins installed. And custom removing all CSS doesn’t change this behaviour. Try it yourself.

I am using a fullwidth layout and it seems, that dante streches my portfolio detail images to full width of the window (and there is no limit at 850px). If I extend window width to 1280px (my screen top resolution) it starts to strech the image a bit.

Is there a way to keep the image from scaling up from its maximum pixel dimensions? (eg. 850px)

[rhodez]

Hi,

problem solved. Used this css for underline and some other css tweaks to get rid of the underline in unwanted places.

.article-body-wrap a {
text-decoration: underline;
}

[rhodez]

Ed,

Is this really the only way to do this? It is a powerful framework but still I can’t add this very basic styling to body text links without this complex hack?

[rhodez]

Hi Ed,

I am using this exact code. BUT I want to replace the demo images with my own logo images. And this is not possible in code, because the images are defined like this: image=”11316″

What does this number 11316 refer to? Tried to insert my own image url here but it doesn’t work. Please help!

[rhodez]

Thanks a lot for your effort, reaaly appreciate it :).

Can you please post the link to .php file in the cloud? Since I’m using the dante child theme, i guess I can just drop the edited file in the child theme folder?

[rhodez]

Thanks for this trick :).

However, i’d like to have less timeconsuming and more future proof way of styling the links. If i need to style manually each link on each post, it sure takes some time.

This CSS works for everything else BUT the social icons styling:

a {
text-decoration: underline;
}

.widget a, ul.post-pagination-wrap li > a, ul.social-icons.large li a i {
text-decoration: none;
color: #444;
}

Is there any way to set “text-decoration: none;” to the social icons? I can’t find the proper selector.

[rhodez]

Ok,

I’ll get back to this when my site goes live.

[rhodez]

Hi,

Logo height is set to 70px. The actual logo file is 116px tall though.

[rhodez]

This reply has been marked as private.

[rhodez]

This reply has been marked as private.