[sebastiangora]

Hi,

How to achieve non-margins view as below?
https://blog.adamtrzcionka.pl/?p=5580

When I add photograps just as standard photographs or Add medium – create gallery – one row, full size I can see margins when I view page on mobile, for example:
http://serwer1871514.home.pl/autoinstalator/wordpress/?page_id=5198&lang=en

I want to have a view as on Adam Trzcionka (also wordpress) page.
How to achieve that?

Regards
Sebastian Gora

[serkan]

Hi,
Could you try to use this custom css code;

.page-id-5198 .aligncenter { margin: 0; }

Thanks

[sebastiangora]

It works when I create a gallery.
It doesn’t work when I just add photographs on standard way.
How to decrease margin size (viewed on mobile) ?
Here is an axample page:
http://serwer1871514.home.pl/autoinstalator/wordpress/?page_id=5198&lang=en

[serkan]

Hi,
You can check out this related topic;
http://www.pixelwars.org/forums/topic/photo-gallery-2-question/
Thanks

[sebastiangora]

Yeah, this is about another subject.
I still have no answer about the case with adding photographs one by one, not as a gallery.

[serkan]

Hi, The codes should work on one by one as well.

[sebastiangora]

Check the link, it doesn’t

[serkan]

Hi, As an example, I see that the link below is smooth when I check it on mobile.
http://serwer1871514.home.pl/autoinstalator/wordpress/?page_id=5198&lang=en

[sebastiangora]

There are stil quite visible margins on the left and on the right.
Does it look different on your mobile?
I use android 7 based mobiles.

[serkan]

Hi, It is about the page layout. You can change the page layout to full width or use this custom css code;

.layout-medium {  width: 98%; }

Thanks

[sebastiangora]

Hi

I have changed the way of naming my pages from id to normal names.
How to apply those parameters to this page?
http://serwer1871514.home.pl/autoinstalator/wordpress/ka_2017/

I mean these css from Id style to current page:
.post-5198 p { line-height: 0.3; }
.page-id-5198 .aligncenter { margin: 0; }

[serkan]

Hi Sebastian,
You can find the page-id at the top of the source code by opening the Developer Tools.
https://developer.chrome.com/devtools
This is the page if for the related page;
page-id-5665
Thanks

[sebastiangora]

Thanks

Another question, how to center verical photographs?
I’ve got center parameter already on css and center option when I add photographs.
http://serwer1871514.home.pl/autoinstalator/wordpress/?page_id=6373

[sebastiangora]

Actually all photographs are alligned to the left as I see.
They are centered after adding them to the page but when I apply css below alligment change from center to left. I want to have smaller gaps between photographs as there are with css codes but I also want to have them centered.

Current CSS:
.intro h2 { font-weight: 300; }

@media screen and (min-width: 768px) { .intro h2 { font-size: 2.5em; }
span.rotate-words { font-size: 1.2em; } }

.layout-medium { width: 98%; }

.post-6448 { line-height: 0.3; }
.page-id-6448 .aligncenter { margin: 0; }

Last two apply many times, for everingle single ID separately.

[serkan]

Hi,
Could you try to use them like this =)

.page-id-6373 .aligncenter { margin: 0 auto; }

If the following code does not break other pages, try it. Do not try to find individual page id.

#page .entry-content p .aligncenter { margin: 0 auto; }

Thanks

[sebastiangora]

It works, thanks.

[sebastiangora]

Is it possible to use that parameter only to decrease distance between photographs but leaving text without sqeezing it ?
.post-6448 { line-height: 0.3; }

[serkan]

Hi, Could you give me an example page url, please? I didn’t get which text you are talking about.
Thanks

[sebastiangora]

For example:
http://serwer1871514.home.pl/autoinstalator/wordpress/?page_id=5991

If I use heading (3 or 4) style then it looks ok but when I use paragraph text then everything I write is squeezed and dificult to read.

First one is heading style, next, squeezed one is paragraph text style.
the thig is I prefer slimmer parapgraph style.

[serkan]

Hi,
You can use this custom css code;

.post-5991 p:nth-child(2) {
    line-height: 1.3; }

Thanks

[sebastiangora]

Thanks

How to apply that for a several similar posts ?

[sebastiangora]

To be clear, I want to have smaller distance between photographs but text can’t be squeezed. It has to be applied for several posts.

This works for text:
.post-5991 p:nth-child(2) {
line-height: 1.3; }

This works for photographs:
.post-6448 { line-height: 0.3; }

I want to use them together for several posts.

[sebastiangora]

I’m also intereted in what is “parameter” for ?

.post-5749 { line-height: 0.3; }
vs
.post-5815 p { line-height: 0.3; }

[serkan]

Hi,

#page .entry-content { }

When used in this way, it is not necessary to add a custom page id for each page.
Thanks

[sebastiangora]

I’ve got other pages on my wordpress website which I don’t want to apply those settings for.

Please read my questions above carefully.
I’m looking forward to hearing from you.

[serkan]

Hi, If you just want to use it for a couple of pages, then you need to use the page url. Example;

.post-5815 p, .post-5816 p, .post-5817 p { line-height: 0.3; }

Thanks