Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2017-03-03 06:25:02

Pixelmover
Member
From: Wiesbaden, Germany
Registered: 2017-02-14
Posts: 6
Website

Backlight Search box centered

Hello, excuse me, I am german and my english is not very good. I hope you understand me.
In Backlight I am an absolute beginner.
I have created a search page and would like to put the searchbox in the center.
How can I do this with CSS?

Is there a list of available selectors, e.g. ".copyright", for CSS?

I hope there is a solution to my question. Thank you.

Regards
Pixelmover

Offline

#2 2017-03-03 06:31:50

Pixelmover
Member
From: Wiesbaden, Germany
Registered: 2017-02-14
Posts: 6
Website

Re: Backlight Search box centered

Sorry, I post my question in the false category.
Can everyone move it to the right?

Thanks
Pixelmover

Offline

#3 2017-03-03 07:39:02

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,053
Website

Re: Backlight Search box centered


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#4 2017-03-03 08:05:09

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,053
Website

Re: Backlight Search box centered

Pixelmover wrote:

Hello, excuse me, I am german and my english is not very good. I hope you understand me.
In Backlight I am an absolute beginner.
I have created a search page and would like to put the searchbox in the center.
How can I do this with CSS?

Regards
Pixelmover

I'm assuming you mean any page text along with the search form?

I think you'll need a css file just for this page because this involves centering headings and paragraphs in the copy area, perhaps not something you want done to all pages.

your custom css file should contain this:

.the__copy h2, .the__copy p, .the__copy form {
	text-align: center;
}

name this file "search.css" or something similar.

create a page template (clone it from an existing page template) and name it "search page" or something similar.
In Advanced Customization, assign the search.css file as the custom stylesheet.
created an album template and name it "search" and assign to it the "search page" page template.

Assign this new album template as the search page template in Backlight > Publisher > Settings > Search: Search Template

In your search.css file you should also include any other custom css you've come up with for your site that would pertain to this page.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#5 2017-03-06 06:07:04

Pixelmover
Member
From: Wiesbaden, Germany
Registered: 2017-02-14
Posts: 6
Website

Re: Backlight Search box centered

Hello Rod.
Thank you for the detailed help.
Everything works fine.

Regards
Pixelmover

Offline

Board footer

Powered by FluxBB