New problem after upgrading to Blacklight 2

jackm · 2020-02-10 03:34:00

I have the CSS turned on in the template. It is the same CSS as the one in Backlight 1, as per your instructions.

I will remove the ‘?>’ and give it a go.

Jack

rod barbee · 2020-02-10 04:28:21

and are you sure you're referencing the right phplugins file in your page template. That out of place ?> should probably have killed the site (at least it did for me when I tested it)

rod barbee · 2020-02-10 05:33:21

jackm wrote:

Note: The very similar script that Daniel provided to me a while back worked fine in Blacklight 1.
Jack

and what you have (minus the errant ?>) works for me in my test site. It appears to me that perhaps you're referencing the wrong phplugins file in the home page's page template.

If you go into your menu set and change "Galleries" to "Enter", you'll get the same effect as adding the Enter link via phplugins.
You can then place it by changing some Masthead and Menu settings in your template and style it with custom css.

rod barbee · 2020-02-10 06:00:50

jackm wrote:

I have the CSS turned on in the template. It is the same CSS as the one in Backlight 1, as per your instructions.
I will remove the ‘?>’ and give it a go.
Jack

your home page, https://www.stuffbyjack.com/ , is not using any custom css. Whatever page template you've enabled custom css and phplugins in, it's not the page template being used by your home page.

jackm · 2020-02-10 14:12:29

OK. Here is where I am. I removed the '?>' and that did the trick! I also had the site crash when that was in the php file. I have 2 Page templates, the full screen template and the regular page template. I enabled the CSS and PHP functionality back and forth as I was trying to get things working.

Once it was working again, the button was in the upper right corner of the page and almost off the page. I tried some things and finally removed the 'masthead_primary_bottom' function and replaced it with the 'main_bottom' function in the PHP file. That put the button at the bottom right on the page, same as where it was in Backlight 1.

On a desktop browser it is OK, but on my iPhone and iPad (in portrait mode) the bottom is slightly off the bottom of the page, unless I scroll up a bit. I looked at the CSS file and it is a "fixed" position.I tried to modify the 'bottom' setting to move the button up a bit higher, but that setting change to more pixels did nothing to the button position on the screen.

Any idea how I can move the button up higher on the screen?

The CSS file contents are below;

#enter-field {
position: fixed;
bottom: 20px;
right: 20px;
background-color:rgba(255,255,255,0.7);
font-size:1em;
border-color: white;
white; border-width:4px;
border-style:solid;
}
#enter-field:hover {
border-color: black;
}
#enter-field a {
display: block;
padding: 24px;
color:black;
}
#enter-field a:hover {
text-decoration: none;
}

.masthead {
display: inherit;
}

The site is https://stuffbyjack.com

Thanks,

Jack

Daniel Leu · 2020-02-10 14:43:51

Increasing the bottom distance moves it up. And then there is a loose 'white; parameter.

#enter-field {
   position: fixed;
   bottom: 20px; <-- increase as desired
   right: 20px;
   background-color:rgba(255,255,255,0.7);
   font-size:1em;
   border-color: white; 
   white;   <-- delete this
   border-width:4px;
   border-style:solid;
}

jackm · 2020-02-10 23:55:53

I apologize as I am not CSS or PHP literate.

As suggested. I removed the loose 'white' and changed the pixel value for 'bottom' to 200 (I changed the value once before to no avail). The button does not move. It seems stuck at a given position at the bottom of the screen.

Two questions.

1. There is a .masthead statement at the end of the CSS file (as posted above). What does that do/mean and should it be changed?

2. Is the "main_bottom" function in the php somehow freezing the button position? If so can I change that?

Any other suggestions?

Thanks,

Jack

Daniel Leu · 2020-02-11 01:39:35

The enter button is now higher on my iPhone. It is most likely a cache issue that prevents you seeing the latest changes. Try to clear the cache on your phone.

Don't know why the .masthead item is in your file. Using 'main_bottom' works well. Nothing to worry about that. This defines the insertion point for 'enter'.

jackm · 2020-02-11 02:49:48

Daniel,

Nice. That was it all along!

Thank you.

Rod,

Also, thanks for your help.

Jack

Daniel Leu · 2020-02-11 03:00:17

Community @ The Turning Gate

#26 2020-02-10 03:34:00

Re: New problem after upgrading to Blacklight 2

#27 2020-02-10 04:28:21

Re: New problem after upgrading to Blacklight 2

#28 2020-02-10 05:33:21

Re: New problem after upgrading to Blacklight 2

#29 2020-02-10 06:00:50

Re: New problem after upgrading to Blacklight 2

#30 2020-02-10 14:12:29

Re: New problem after upgrading to Blacklight 2

#31 2020-02-10 14:43:51

Re: New problem after upgrading to Blacklight 2

#32 2020-02-10 23:55:53

Re: New problem after upgrading to Blacklight 2

#33 2020-02-11 01:39:35

Re: New problem after upgrading to Blacklight 2

#34 2020-02-11 02:49:48

Re: New problem after upgrading to Blacklight 2

#35 2020-02-11 03:00:17

Re: New problem after upgrading to Blacklight 2

Board footer