• Page 1 of 1
  • 1
Forum moderator: bigblog  
uCoz Community » General Information » First Steps with uCoz » Remove "Go to the page with the photo"
Remove "Go to the page with the photo"
Urs
Posts: 303
Reputation: 4

Message # 1 | 12:41 PM 2014-02-18
How to remove the button : "Go to the page with the photo" from showing under each photo ?
( On low screen resolutions it forces bigger pictures to show smaller. Not having that bar allows the image to extend much more by default )

Thank you !

Added (2014-02-18, 6:41 AM)
---------------------------------------------
Also how do you remove the view count on pictures and the uico-view.png eye ?

Thassos Island Portal :
https://thassos.one
Sunny
Posts: 9296
Reputation: 456

Message # 2 | 2:02 PM 2014-02-18
Quote Urs ()
How to remove the button : "Go to the page with the photo" from showing under each photo ?


It can be hidden via CSS:

Code
.fancybox-title {display: none !important;}


Quote Urs ()
Also how do you remove the view count on pictures and the uico-view.png eye


Remove the following line from the "Appearance of photo entries" template:

Code
<span class="phd-views">$REVIEWS$</span>
I'm not active on the forum anymore. Please contact other forum staff.
Urs
Posts: 303
Reputation: 4

Message # 3 | 10:27 AM 2014-02-19
Do i add the line : .fancybox-title {display: none !important;} in CSS under photo album or CSS under common templates ?

Is there any way to resize the white rectangle. It seems to have too much height, now that nothing is written there. But maybe that is because when logged as administrator i can find there the edit button.

Thank you.
Thassos Island Portal :
https://thassos.one
Sunny
Posts: 9296
Reputation: 456

Message # 4 | 12:04 PM 2014-02-19
Urs, any part of CSS should be ok, you can add it at the very bottom.

Quote Urs ()
Is there any way to resize the white rectangle. It seems to have too much height, now that nothing is written there. But maybe that is because when logged as administrator i can find there the edit button.


Provide a screenshot please.
I'm not active on the forum anymore. Please contact other forum staff.
Urs
Posts: 303
Reputation: 4

Message # 5 | 6:25 PM 2014-02-20
The white border around the pictures : http://thassos.ucoz.com/photo/vile/vila_22/104
Thassos Island Portal :
https://thassos.one
Sunny
Posts: 9296
Reputation: 456

Message # 6 | 11:08 AM 2014-02-21
You need to edit the padding parameter of the .photo-block class and set display:none; for the .ph-details class. The photos will look like this:

I'm not active on the forum anymore. Please contact other forum staff.
Urs
Posts: 303
Reputation: 4

Message # 7 | 11:29 AM 2014-03-15
I can't seem to find it. Where exactly is it ?

Thank you.
Attachments: 1203623.jpg (188.1 Kb) · 1593967.jpg (183.5 Kb)
Thassos Island Portal :
https://thassos.one
Sunny
Posts: 9296
Reputation: 456

Message # 8 | 12:41 PM 2014-03-17
Urs, if you can'd find the classes in the website CSS, it means that you need to add them yourself.
I'm not active on the forum anymore. Please contact other forum staff.
Urs
Posts: 303
Reputation: 4

Message # 9 | 9:45 AM 2014-07-21
This is the code (style sheet for pictures) :

Code
#dynPhoto {
  padding: 0 10px;
}
#photoModalWrap, #photoModalWrap td {
  font: 12px/1.5 'Arial';
  color: #5d5d5d;
}
#photoModalWrap a {
  color: #20a7fd;
}
#photoModalWrap a:hover {
  color: #027fcf;
}
#photoModalWrap hr {
  margin: 5px 0;
  border: 0;
  height: 2px;
  overflow: hidden;
  background: url(./../../img/photopage/hr.png) repeat-x;
}
#photoModalWrap .uphoto-entry {
  margin-bottom: 20px;
}
#photoModalWrap input[type=text], #photoModalWrap input[type=password], #photoModalWrap textarea {
  vertical-align: middle;
  height: 24px;
  margin: 3px 0;
  padding: 2px 5px;
  *padding: 0px;
  font-family: 'Tahoma', 'Arial';
  font-size: 13px;
  line-height: 18px;
  color: #000;
  background: #fff;
  border: 1px solid #dcdcdc;
  box-shadow: inset 0 1px 0 1px rgba(0, 0, 0, 0.03);
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#photoModalWrap input[type=text]:focus, #photoModalWrap input[type=password]:focus, #photoModalWrap textarea:focus {
  border-color: #9c9c9c;
}
#photoModalWrap textarea {
  padding: 3px 5px;
  height: auto;
  overflow: auto;
  resize: none;
}
#photoModalWrap .securityCode {height: auto !important;}
#photoModalWrap #message {
  width: 100%;
  height: 100px !important;
}
#photoModalWrap input[type=button], #photoModalWrap input[type=submit], #photoModalWrap input[type=reset], #photoModalWrap .button, #photoModalWrap select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-width: 20px;
  padding: 0 10px;
  text-align: center;
  text-decoration: none !important;
  font: 13px/31px 'Verdana', 'Arial';
  height: 31px;
  color: #777 !important;
  text-shadow: 0 1px 0 #fffcf6;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #fff;
  background-image: -webkit-linear-gradient(bottom, rgba(85,85,85,.1), rgba(255,255,255,.1));
  background-image: -moz-linear-gradient(bottom, rgba(85,85,85,.1), rgba(255,255,255,.1));
  background-image: -o-linear-gradient(bottom, rgba(85,85,85,.1), rgba(255,255,255,.1));
  background-image: -ms-linear-gradient(bottom, rgba(85,85,85,.1), rgba(255,255,255,.1));
  background-image: linear-gradient(to top, rgba(85,85,85,.1), rgba(255,255,255,.1));
  box-shadow: inset 0 0 1px #fff;
  *display: inline; /*--FOR-IE--*/
  overflow: visible;
  zoom: 1; /*--FOR-IE--*/
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#photoModalWrap select {height: auto !important;}
#photoModalWrap ::-moz-focus-inner {
  border: 0;
  padding: 0;
}
#photoModalWrap input[type=button]:hover, #photoModalWrap input[type=submit]:hover, #photoModalWrap input[type=reset]:hover, #photoModalWrap .button:hover {background-color: #fafafa;}
#photoModalWrap input[type=button]:active, #photoModalWrap input[type=submit]:active, #photoModalWrap input[type=reset]:active, #photoModalWrap .button:active {background-color: #fafafa;box-shadow: inset 0 1px 2px rgba(0,0,0,.17);}
#photoModalWrap .codeButtons {
  min-width: 20px;
  margin: 2px 1px !important;
  padding: 1px 4px !important;
  width: auto !important;
  height: auto !important;
  line-height: 1.4 !important;
}
#photoModalWrap .cBlock1, #photoModalWrap .cBlock2, #photoModalWrap .cBlock1 td, #photoModalWrap .cBlock2 td {
  font-size: 11px;
  font-family: 'Tahoma', 'Arial';
}
#photoModalWrap .cTop {
  border: 0;
}
#photoModalWrap .cBlock1, #photoModalWrap .cBlock2, #photoModalWrap .cMessage {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
#photoModalWrap .cBlock1, #photoModalWrap .cBlock2 {
  border-top: 1px solid #e9edf1 !important;
}
#photoModalWrap .cMessage a:first-child img {
  margin: 0 5px 2px;
}
#photoModalWrap #addform, #photoModalWrap .commTable, #photoModalWrap .smiles {
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
}

.fancybox-title {display: none !important;}


I don't want to make a mistake that i cannot undo.
Can you provide some additional help. (what exactly do i need to add and where)

Thank you.
Thassos Island Portal :
https://thassos.one
Sunny
Posts: 9296
Reputation: 456

Message # 10 | 12:10 PM 2014-07-21
Urs, if you create a template backup or simply save the current CSS file content to a .txt file, you will always be able to undo the changes. Do this, and then add the classes mentioned above with the necessary parameters at the bottom of the CSS file.
I'm not active on the forum anymore. Please contact other forum staff.
Urs
Posts: 303
Reputation: 4

Message # 11 | 1:22 PM 2014-07-24
Quote Sunny ()
You need to edit the padding parameter of the .photo-block class and set display:none; for the .ph-details class. The photos will look like this:


I am not very good with CSS, can you tell me what code do i need to write from scratch in the CSS page.
Thassos Island Portal :
https://thassos.one
Sunny
Posts: 9296
Reputation: 456

Message # 12 | 2:28 PM 2014-07-24
Urs, try this code

Code
.photo-block, .photo-eblock {padding: 0px;}
.ph-details {display: none;}


If it does not work, you may need to add the important parameter:

Code
.photo-block, .photo-eblock {padding: 0px !important;}
.ph-details {display: none !important;}
I'm not active on the forum anymore. Please contact other forum staff.
Urs
Posts: 303
Reputation: 4

Message # 13 | 2:05 PM 2014-07-25
Very nice thank you so much.

The second one works !

Code
.photo-block, .photo-eblock {padding: 0px !important;}
.ph-details {display: none !important;}
Thassos Island Portal :
https://thassos.one
uCoz Community » General Information » First Steps with uCoz » Remove "Go to the page with the photo"
  • Page 1 of 1
  • 1
Search: