Profile Cover [Paid] 2.2.1

[DaiAku]

Fixed on my site

Yes, the image no longer gets cut off but does not stretch fluidly. Do you have plans to have the images stretch? Still looks kinda weird otherwise.

Thanks!

 

[FredC]

Ugh things like that are why I finally moved away from fluid design.

 

[DaiAku]

Ugh things like that are why I finally moved away from fluid design.

Well the world is moving the way - big monitors, smart phones and other gadgets make fluid designs a must.

 

[FredC]

Well the world is moving the way - big monitors, smart phones and other gadgets make fluid designs a must.

Hmm i surf my site from an iPhone everyday and and the fixed style doesn't change one tiny bit from the fluid style, Same results on my iPad.. And i have large widescreen monitors and is frankly a reason i moved to fixed.. The wide monitors are tiring to read on fluid sites.. a single line can be an entire paragraph.. Its aesthetically ugly and difficult to read long posts, IMO.. But at the end of the day its your site and your choice i could care less.

 

[melbo]

I use a fixed width design with XF responsive-ness

 

[DaiAku]

Hmm i surf my site from an iPhone everyday and and the fixed style doesn't change one tiny bit from the fluid style, Same results on my iPad.. And i have large widescreen monitors and is frankly a reason i moved to fixed.. The wide monitors are tiring to read on fluid sites.. a single line can be an entire paragraph.. Its aesthetically ugly and difficult to read long posts, IMO.. But at the end of the day its your site and your choice i could care less.

I use a fixed width design with XF responsive-ness

Well lets all agree to disagree and let the author to respond to see what he wants to do. I hope he will be willing to look into it.

 

[truonglv]

unfortunately for me! I try to understand what's your discussion but I still don't understand what's really you need

 

[DaiAku]

unfortunately for me! I try to understand what's your discussion but I still don't understand what's really you need

Oh no problem. Sorry if I was not clear enough:



I would like the black in this image to automatically stretch to the width of the browser - or be fluid - with adjustable dimensions.

So from the boarder of the avatar on the left to the right side of the browser would be black.

I would want the image to automatically stretch to fit the browsers size.

Hope that helps.

Thanks,
Denis

 

[truonglv]

Oh no problem. Sorry if I was not clear enough:

View attachment 66753

I would like the black in this image to automatically stretch to the width of the browser - or be fluid - with adjustable dimensions.

So from the boarder of the avatar on the left to the right side of the browser would be black.

I would want the image to automatically stretch to fit the browsers size.

Hope that helps.

Thanks,
Denis

Afraid you must edit it for your site. Because if I using it so function draging is no need

 

[DaiAku]

Afraid you must edit it for your site. Because if I using it so function draging is no need

Sorry, I did not understand that entirely. How can I do this myself?

 

[truonglv]

Sorry, I did not understand that entirely. How can I do this myself?

Sorry for respond too late
In template profile_cover.css you find this css:

.ProfileCoverPhoto
{
    max-width: {$xenOptions.coverPhotoMaxDimensions.width}px;
    margin: 0 auto;
}
    .ProfileCoverPhoto .Popup .PopupControl.PopupOpen {
        background: none;
    }
    .ProfileCoverPhoto .Popup .PopupControl.PopupOpen:hover {
        background: none;
    }
.ProfileCoverPhoto .photoWrap { position: relative; }
.ProfileCoverPhoto .coverPhotoWrap, .constructionWrap
{
    height: {$xenOptions.coverPhotoMaxDimensions.height}px;
    overflow: hidden;
    max-width: {$xenOptions.coverPhotoMaxDimensions.width}px;
    width: 100%;
    margin: 0 auto;
}

And replace by:

.ProfileCoverPhoto
{

    margin: 0 auto;
}
    .ProfileCoverPhoto .Popup .PopupControl.PopupOpen {
        background: none;
    }
    .ProfileCoverPhoto .Popup .PopupControl.PopupOpen:hover {
        background: none;
    }
.ProfileCoverPhoto .photoWrap { position: relative; }
.ProfileCoverPhoto .coverPhotoWrap, .constructionWrap
{
    height: {$xenOptions.coverPhotoMaxDimensions.height}px;
    overflow: hidden;

    width: 100%;
    margin: 0 auto;
}

 

[DaiAku]

Sorry for respond too late
In template profile_cover.css you find this css:

.ProfileCoverPhoto
{
    max-width: {$xenOptions.coverPhotoMaxDimensions.width}px;
    margin: 0 auto;
}
    .ProfileCoverPhoto .Popup .PopupControl.PopupOpen {
        background: none;
    }
    .ProfileCoverPhoto .Popup .PopupControl.PopupOpen:hover {
        background: none;
    }
.ProfileCoverPhoto .photoWrap { position: relative; }
.ProfileCoverPhoto .coverPhotoWrap, .constructionWrap
{
    height: {$xenOptions.coverPhotoMaxDimensions.height}px;
    overflow: hidden;
    max-width: {$xenOptions.coverPhotoMaxDimensions.width}px;
    width: 100%;
    margin: 0 auto;
}

And replace by:

.ProfileCoverPhoto
{

    margin: 0 auto;
}
    .ProfileCoverPhoto .Popup .PopupControl.PopupOpen {
        background: none;
    }
    .ProfileCoverPhoto .Popup .PopupControl.PopupOpen:hover {
        background: none;
    }
.ProfileCoverPhoto .photoWrap { position: relative; }
.ProfileCoverPhoto .coverPhotoWrap, .constructionWrap
{
    height: {$xenOptions.coverPhotoMaxDimensions.height}px;
    overflow: hidden;

    width: 100%;
    margin: 0 auto;
}

Ah just take out the max-width: Ok thank you!

 

[Allan]

I'll add this in next release

News ?

 

[truonglv]

News ?

I forgot notice for you that currently version has got it

 

[truonglv]

1.3.x?

Yep! work fine on 1.3.x

 

[Allan]

I forgot notice for you that currently version has got it

How to remove the cover?

 

[truonglv]

How to remove the cover?

If you have permisison so its will display on Dropdown links

 

[Allan]

If you have permisison so its will display on Dropdown links

Don't work.

If I remove the cover, the default is displayed, even if I uncheck the option "Display default cover photo".

 

[Allan]

@Nobita.Kun Do you have tested ?

 

[truonglv]

@Nobita.Kun Do you have tested ?

Not yet. I'll look at and fixed if possible