Where is css template for appearence of photos???

Posts: 154

Reputation: 1

Message # 16 | 5:14 AM 2016-10-26

Oh ok, thanks alot guys but nothing really worked. I tried on it all night but failed...i inserted the code everywhere but nothing worked. let me leave it..and ignore it.

Systems developer

joexyz

JOE-vascript

Posts: 1770

Reputation: 78

Message # 17 | 9:58 AM 2016-10-26

Soldierdevil, the code I provided in my previous message was only an example on how to use the !important tag. I took my time and wrote the entire code for your needs:

Code

.uEntryWrap {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box;
}

.entryBlock {
    display: block !important;
}

.uphoto {
    width: 100% !important;
}

.photo-block {
    display: block !important;
    text-align: center !important;
}

.ph-wrap {
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
}

.ph-wrap img {
    width: auto !important;
    max-width: 100%;
}

.ph-tc {
    display: block !important;
    margin: 0 auto;
}

.ph-data {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

You need to put this into a media query to make it work only on smaller screens.

hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau

sometimes i lurk here

Soldierdevil

Posts: 154

Reputation: 1

Message # 18 | 2:37 PM 2016-10-26

bigblog, i really love this..OMG it worked!!! like magic. Thank you so much for the time all along.

Systems developer

Cyberdasm

Posts: 639

Reputation: 7

Message # 19 | 12:50 PM 2016-10-27

Soldierdevil, If you use css overriding don't forget to add !important.

1F4BF3B

Soldierdevil

Posts: 154

Reputation: 1

Message # 20 | 12:33 PM 2016-11-29

bigblog, can i be helped on the same issue with the video entries?..align entries in center on portrait view..and display two columns on landscape view?

Systems developer

joexyz

JOE-vascript

Posts: 1770

Reputation: 78

Message # 21 | 4:08 PM 2016-11-29

Soldierdevil, here's the code:

Code

.rigm li {
display: block !important;
margin: 10px auto !important;
}

I'm afraid, it's not possible to display the elements in two columns, but I'll let you know if I find a solution to this.

hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau

sometimes i lurk here

Soldierdevil

Posts: 154

Reputation: 1

Message # 22 | 6:13 AM 2016-11-30

bigblog, you inherited that code from my video informer styles. I meant original style for appearance of entries in video module with the 'v-entry' class

Systems developer

joexyz

JOE-vascript

Posts: 1770

Reputation: 78

Message # 23 | 4:56 PM 2016-11-30

Soldierdevil, similar:

Code

#uEntriesList .uEntryWrap {
display: block !important;
margin: 0 auto;
}

hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau

sometimes i lurk here

Soldierdevil

Posts: 154

Reputation: 1

Message # 24 | 5:33 AM 2016-12-01

bigblog, thank you so much it worked

Systems developer

Page 2 of 2 « 1 2
Forum moderator: bigblog