Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#101 Re: Backlight Support » Some Tricks for CSS in Backlight » 2016-06-19 20:34:18

If I want to reduce the font size of the submenus, then what is the correct syntax?

I find <ul class = "sub-menu"> and <li class = "menu-item menu-item-has-children">

But this is probably not the right place. Nothing happens

#102 Re: Backlight Support » Some Tricks for CSS in Backlight » 2016-06-19 19:19:49

rod barbee wrote:

according to the browser inspector, this is the rule governing the cells. Use the selector and change the box-shadow properties:

.the__gallery figure {
	background-color: rgb(210, 210, 210);
	border: 0 solid rgb(0, 0, 0);
	border-width: 0px;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba( 0, 0, 0, 0.25 );
	box-sizing: border-box;
	float: left;
	margin: 0 10px 20px;
	overflow: hidden;
	position: relative;
	width: 220px;
}

now it is becoming increasingly clear. I have not looked right onto Styles, because there are the corresponding areas yikes

#103 Re: Backlight Support » Some Tricks for CSS in Backlight » 2016-06-19 18:54:01

rod barbee wrote:

You'll need to get more specific with the selector. If you want to add padding to the breadcrumb container:

ul.breadcrumbs

the breadcrumbs themselves:

ul.breadcrumbs li

the icons:

ul.breadcrumbs li:after

to change the breadcrumb separator to a red bar rather than the greater than icon >:

ul.breadcrumbs li:after {
content: '|';
color: red;
}

ah, slowly I understand the system. I found "li" and "li: after", but I did not know how I need to install it in the syntax

Similarly, would it then work with the favicon in exchange with "Home"?
I found this expression:

<Span itemprop = "title"> Home </ span>

Is just stupid that this line is the same for all Breadcrumps

BTW: Many thanks for your great support

#104 Re: Backlight Support » Some Tricks for CSS in Backlight » 2016-06-19 05:55:42

I will set a padding in the breadcrumbs in the album.
http://backlight.der-canonier.de/galler … el/falken/

I try this in CSS

/* Breadcrumbs Album */
.breadcrumbs {
    padding-left: 70px;
}

Where is the issue?

#105 Re: Backlight Support » Some Tricks for CSS in Backlight » 2016-06-19 05:46:00

rod barbee wrote:

Are you using the browser's inspector and trying out your custom css there?

Yes, I did. But not always to find the right area


rod barbee wrote:

If you don't want this css affecting other pages, then save this css file, giving it a unique name, and apply it only to those page templates that you want the css to affect.

That´s the better way. This works perfect for me

#106 Re: Backlight Support » Some Tricks for CSS in Backlight » 2016-06-19 04:10:27

rod barbee wrote:

6. What is the reason for the break in the background in the "Impressum" http://backlight.der-canonier.de/impressum/

try adding

min-height: 100%;

to the body css for the background

unfortunately it did not work

#107 Re: Backlight Support » Some Tricks for CSS in Backlight » 2016-06-19 04:06:17

rod barbee wrote:

also, instead of needing to create separate custom css files for each page template, you could create custom classes and apply them as needed.
For example, to center copy, create a custom class to do that:

.center-copy {
text-align: center;
}

Then, when adding copy to a page, put it in a div with that class applied:

<div class="center-copy">
<h2>Your page heading</h2>
<p>Your page text.</p>
<p>More pae text.</p>
</div>

You'd have to write it in html rather than Markup though.

That´s a good solution, but I think the Font Awesome code doesn´t work in HTML, right?

the headline is too small

<h1 class="fa fa-home" aria-hidden="true"> Hallo und herzlich Willkommen auf meiner Fotoseite</h1>

and here the Font Awesome code is missing

<h1 style="color: #FF0000; class="fa fa-home" aria-hidden="true"> Hallo und herzlich Willkommen auf meiner Fotoseite</h1>

#108 Re: Backlight Support » Some Tricks for CSS in Backlight » 2016-06-19 03:40:37

rod barbee wrote:

that's because you've written the selector incorrectly. There are two underscores, not one:

.pswp__caption__center

Oh man, I did not see the two underscores. Now it works...

#109 Re: Backlight Support » Some Tricks for CSS in Backlight » 2016-06-19 03:26:31

rod barbee wrote:

5. I would like a larger shadow around the gray frame of the thumbnails in the gallery. Similar to the image in "About ..."

"div.album-frame" already in the album sets. And that is why the changes in CSS also affect these thumbnails

How can I restrict the album that?

Can you provide a link to a page? I'm not exactly sure if you're talking album thumbnails or album set thumbnails

I meant the shadow around the gray frames
http://backlight.der-canonier.de/galler … aria_2014/ like the shadows in http://backlight.der-canonier.de/about/

#110 Re: Backlight Support » Some Tricks for CSS in Backlight » 2016-06-19 03:22:20

rod barbee wrote:

for the paragraph margins, you could either add padding to .the_copy or margin to the p inside the .the_copy

Padding is the best solution

#111 Backlight Support » Some Tricks for CSS in Backlight » 2016-06-19 01:12:35

Markus
Replies: 26

Hello experts in html and css,

I am now quite happy with my test page http://backlight.der-canonier.de/home/. But some little things I want to change before I replace the pages.

I am still a beginner in HTML and CSS, but some I have already found and built into backlight.

I would appreciate to you if you can help me. Maybe some things are not possible.



For Pages I have created 2 templates. Once with tray (for the album sets) and one without tray. Is this the right way?


1. On "Home" I would like to include a margin left and right and a central alignment. In CSS I tried it this way:

.the_copy p {
text-align: center;
margin-left: 100px;
margin-right: 100px;
}

But this has not worked. I guess that I did not hit the right area.

In addition, the also affects to the second template. How can I restrict only to one template?

For the other sections ("Über..", "Ausrüstung" etc.) is only the left and right margin are used.

For this Reason I try this in Page Copy in the Designer:

<style>
div  {
text-align:  justify;
margin-left: 150 px;
}
</style>

<div>
<h1 style="color: #FF0000; text-align: center"> Hallo und herzlich Willkommen auf meiner Fotoseite</h1>  

2. For the 2nd template (http://backlight.der-canonier.de/galler … n_canaria/ I just need a right margin


3. in Photoswipe I want to center the metadata.
http://backlight.der-canonier.de/galler … id=1&pid=3
But even that does not work

.pswp_caption_center {
text-align: center;
}

4. Is it possible to replace the separator in the breadcrumbs?
I would like to replace the separator ">" by a "red |" and "Home" by my "Favicon.jpg".
Like this http://www.der-canonier.de/galleries/03 … el/firgas/
Is that possible?


5. I would like a larger shadow around the gray frame of the thumbnails in the gallery. Similar to the image in "About ..."

"div.album-frame" already in the album sets. And that is why the changes in CSS also affect these thumbnails

How can I restrict the album that?


6. What is the reason for the break in the background in the "Impressum" http://backlight.der-canonier.de/impressum/

Where is the issue? I can not find him

body {
    background-color: #909090;
    background-image: linear-gradient(180deg, #909090, #efefef 100%);
    background-attachment: fixed;
    background-repeat: no-repeat;
}

Many Thanks for your help
Markus

#113 Re: Backlight Support » Backup site layout » 2016-06-15 00:11:43

@ Matt:
do you plan or is it possible to implement a backup tool in backlight like the presets in Lightroom?
That would be great!
Sometimes it is so that I make changes to the templates or pages and then not know where roll

#114 Re: Backlight Support » _Custom Thumbnails Album are shown » 2016-06-04 04:08:33

Hallo Rainer, ich habe auch noch nochmaligem Lesen diesen Punkt nicht gefunden sad. Aber manchmal sind es halt Kleinigkeiten

Markus

@Rod: Sometimes small things are crucial, thanks

#115 Backlight Support » _Custom Thumbnails Album are shown » 2016-06-04 00:33:46

Markus
Replies: 3

Hi,

as Matt explained here, I have created my custom thumbnails.

Now however, they are displayed in the album set. Under the Features tab, the options "Hide from Album Set" and "Hide from Search" are enabled.

What´s wrong? http://backlight.der-canonier.de/galleries/

Thanks
Markus

#116 Re: Backlight Support » Centered on Home » 2016-06-03 14:47:46

Hi Rod,

thanks - now it works. Solved a problem - now it goes to the next

#117 Backlight Support » Centered on Home » 2016-06-02 22:18:57

Markus
Replies: 2

Hello,

I wanted to center the title and the text only on my Home(-Page). http://backlight.der-canonier.de/

I've already tried over the .css (.content), but that is centered on each site.

What or how can I do?

Markdown in the Design Page / Page Copy?

Thanks
Markus

#120 Re: Backlight Support » Navigation - Borderline and another Font » 2016-05-30 15:45:44

Hi Rod,
thanks for your help - that´s works fine for me.

Is there is a point where I can see the different areas or fields for phplugins and custom.css that I can use? For example, "Primary-menu", "border-top", "border-bottom" etc.

Or I can show this somehow?

e.g. I would like to change the font of navigation. same time I want to change the font size.

Or another example: I would like at the Breadcrumps the term "Home" by my favicon replace (as on my homepage in CE3)

In CE3 I could make these settings directly in the web module. That was for me - I am not so good versed in programming - of course, much easier.

But I would love to learn it so I can make my site individual.

Markus

#121 Backlight Support » Navigation - Borderline and another Font » 2016-05-30 03:06:09

Markus
Replies: 6

Hello from germany,

yesterday I bought Backlight and fight my way through currently the many settings. Also I don´t understand the meaning of same terms:

What is (in Design Template):

  • Off-canvas triggers 1.

  • Tagline (in masthead) 2.

  • Copy Area 3.

But now my real question:

I would like below and paste lines above the navigation and change the font and size of the navigation.
Just as on my homepage in CE3: der-canonier.de
Currently it looks like this: Backlight Test

I guess that I have to make these things in the custom.css or in the phplugins.php, right?
But exactly where and how?

Many thanks for your help

Markus

#122 Re: General » CE2>CE3 upgrade: settings » 2013-03-18 04:49:41

I uploaded the CE2-CRG-Template in the templates-folder and the password-autoindex in the templates_autoindex-folder.

I had the same error message even in the upgrade from the CE2-galleries to the CE3-galleries, it seems there's a major error somewhere

#123 Re: General » CE2>CE3 upgrade: settings » 2013-03-18 01:37:31

Hi Rod,
I'm testing to integrate the CE2-CRG into my test page. First, I created a password auto-index and uploaded it on the Server in the publisher-folder.
Then I created an album set with the auto-index password-template (is there a possibility to choose the password in Publisher or do I have upload for each password-protected album set a custom template?).
This has also worked well.

Now I wanted to create an album with the CE2-CRG template. Once I select the Template I get an error message: "Unable to perform action: getSetupForTemplate - Message: Renditions file is empty"
the same error like here http://community.theturninggate.net/top … e2-to-ce3/

I have somewhere a mistake?

How did you integrated your CRG Gallery into your test page?

#124 Re: General » CE2>CE3 upgrade: settings » 2013-03-01 16:33:36

Hi Rod,
the CE2 CRG Gallery, I probably overlooked. Class that this works. Then I look forward to the update to CE3 smile

#125 Re: General » CE2>CE3 upgrade: settings » 2013-02-28 22:06:44

rod barbee wrote:

In fact, I've set the Blog link in the Nav menu to target my blog page, which was made with CE2 Theme for WordPress.
The designs don't match, but the again, I wasn't trying to match them.

the same applies for the Client Response Gallery? Most galleries I manage with the Publisher. The Client Response Gallery not yet. can I set a link specifically to this Gallery (maybe in Autoindex)? Or it is better if I set a link in the navigation to the old CE2 Gallery?

Is already foreseeable when the client Responce Gallery comes out for CE3?

on the occasion: what's new in CE3 sound very interesting and I am really looking forward to Sunday

Board footer

Powered by FluxBB