Style Descriptive border-radius control

ilnony · 2014-08-18 22:44:33

Hello
Here is my problem :
In CE3 Pages I used in Galleries Page the style Descriptive and I could control the border with Border-radius control.
I redo my web site with CE4 because I would to use CE4 Publisher and I can't modify the border-radius. Did this option disappear ? How may I modify the border-radius ?

Thank-you for your plugins

Jean-Louis Nony

rod barbee · 2014-08-19 00:57:53

You'll need to use custom css:

.album-mantle {
   border-radius: 8px;
}

But for some reason I don't understand, the radius is not being applied to the lower right corner.

markh · 2014-08-19 11:35:05

Hmmm, was just fooling around with that radius code. That missing lower right corner is weird. Would I be correct in assuming I could use similar code in custom.css to add drop shadow to the descriptive album listings?
Mark

Pfredd · 2014-08-19 12:51:16

Here is what I use for rounded corners and drop shadows (in custom.css):

/* Give Auto Index albums rounded corners and drop shadows */
.album-mantle {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow: 8px 8px 3px rgba( 0, 0, 0, 0.4 );
    -webkit-box-shadow: 8px 8px 3px rgba( 0, 0, 0, 0.4 );
    box-shadow: 8px 8px 3px rgba( 0, 0, 0, 0.4 );
}

.album-mantle:hover {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow: 8px 8px 3px rgba( 0, 0, 0, 0.4 );
    -webkit-box-shadow: 8px 8px 3px rgba( 0, 0, 0, 0.4 );
    box-shadow: 8px 8px 3px rgba( 0, 0, 0, 0.4 );
}

markh · 2014-08-19 20:03:44

Thanks very much Pfredd. Exactly (almost) what I was looking for. However, that troublesome lower right corner is still missing, at least in Firefox, and Chrome. It's the lower left corner in Safari. I guess that since Apples and PCs have been at odds since day one this reverse behavior fits the standard model of the universe;-)

markh · 2014-08-19 20:40:32

Continuation: Can't leave well enough alone because tinkering is fun, I tried this:

.album-mantle {
-moz-border-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;

with absolutely no effect on the missing corners.

markh · 2014-08-19 21:00:13

OK. One more. Then I'll quit. Tried the "Big Hammer" approach with this:

.album-mantle {
-moz-box-shadow: 7px 7px 7px rgba(0,0,0,0.5);
-webkit-box-shadow: 7px 7px 7px rgba(0,0,0,0.5);
box-shadow: 7px 7px 7px rgba(0,0,0,0.5);
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}

Sadly, still have the missing bottom corners.

rod barbee · 2014-08-19 21:11:29

not even flattery works. I tried telling that border-bottom-right-radius that it was !important. It's impervious.

ilnony · 2014-08-19 21:22:48

Thanks for your answers
But the file custom.css is not taken into account. Nevertheless, I followed carefully all the instructions, and the line
<link rel="stylesheet" href="/phplugins/css/custom.css" />
appears into the source code of the internet page.
What's wrong ?
Here's my site adress : www.jlnony.fr/photos/

rod barbee · 2014-08-19 21:38:38

Nevertheless, I followed carefully all the instructions, and the line
<link rel="stylesheet" href="/phplugins/css/custom.css" />
appears into the source code of the internet page.

It looks to me that you've successfully enabled phplugins because you've got a reference on your page to custom css. You just haven't created the custom. css file yet and placed it in the /phplugins/css/ folder.
So make sure that first of all there's a css/ folder inside the phplugins/ folder. Then create a custom.css file to put in there. You can create the file with a plain text editor.

Actually, there is already a custom.css file contained in the phplugins-sample/ folder. You can just use that for now to see that everything is working.

Last edited by rod barbee (2014-08-19 21:39:55)

ilnony · 2014-08-19 21:55:54

This is what there is actually in the file "custom.css" :

/* If your page background-color is red after enabling the PHPlugins function, then you know it's working.
* Delete this after confirmation, because it's hideous :
*/
body {
background-color: #f00 !important;

and my page background-color is not red.

rod barbee · 2014-08-19 22:03:13

Ok, I see the problem.
You need to adjust the path to the custom css file since you're site is in a subfolder. In the phplugins.php file change this line:

Last edited by rod barbee (2014-08-19 22:03:56)

ilnony · 2014-08-19 22:46:04

Thanks Rod ! It's OK now.
This is the path given by path.php?phpinfo :
/home/jlnony/www/photos/phplugins

Now I have changed in phplugins.php, this line does not risk to be modified by another Template ?

rod barbee · 2014-08-19 22:59:20

Now I have changed in phplugins.php, this line does not risk to be modified by another Template ?

You'll need to put that line in the Server Path to PHPlugins field (in Site Info) all of your non-Pages exports: Any Gallery, Stage and Autoindex templates you make for Publisher or any other stand alone pages

Community @ The Turning Gate

#1 2014-08-18 22:44:33

Style Descriptive border-radius control

#2 2014-08-19 00:57:53

Re: Style Descriptive border-radius control

#3 2014-08-19 11:35:05

Re: Style Descriptive border-radius control

#4 2014-08-19 12:51:16

Re: Style Descriptive border-radius control

#5 2014-08-19 20:03:44

Re: Style Descriptive border-radius control

#6 2014-08-19 20:40:32

Re: Style Descriptive border-radius control

#7 2014-08-19 21:00:13

Re: Style Descriptive border-radius control

#8 2014-08-19 21:11:29

Re: Style Descriptive border-radius control

#9 2014-08-19 21:22:48

Re: Style Descriptive border-radius control

#10 2014-08-19 21:38:38

Re: Style Descriptive border-radius control

#11 2014-08-19 21:55:54

Re: Style Descriptive border-radius control

#12 2014-08-19 22:03:13

Re: Style Descriptive border-radius control

#13 2014-08-19 22:46:04

Re: Style Descriptive border-radius control

#14 2014-08-19 22:59:20

Re: Style Descriptive border-radius control

Board footer