Which text on which right?
You’re using the default page-template with one-column-content.
Don’t you need a second column?
For example this is the text that should be seen in the first paragraph
http://myprintscreen.com/s/1595970678.3717710.png
and this is the text that is seen
http://myprintscreen.com/s/1595970955.60545001.png
I don’t need a second column, up to now the text was seen correctly, now it seems that it doesn’t change rows correctly.
-
This reply was modified 5 years, 9 months ago by
imanwlas.
-
This reply was modified 5 years, 9 months ago by imanwlas.
I think i found it,
i added
padding-right: 100px;
in Customizing Additional CSS and it seems ok now,
Thanks for your time, i don’t know how many hours i spent on this and it was as simple as that.
The padding though leaves a white space in the menu
https://prnt.sc/tq5qhl
Does anyone know which attribute defines this space?
https://prnt.sc/tq5r16
-
This reply was modified 5 years, 9 months ago by imanwlas.
For your second question, about the space, try:
.singular #content, #content {
margin: 0 200px 0 20px;
}
Or try apart:
#content {
margin: 0 200px 0 20px;
}
or:
.singular #content {
margin: 0 200px 0 20px;
}
See what happens to other pages.
willem0, thanks for your time,
the first and the third proposals decreases the left space, as you can see below, in all pages, the second one doesn’t.
By using your first suggestion and playing around with it, when i changed the value 200 to 20 it stopped cutting the words on the right, without cutting also the menu bar which did the padding solution I mentioned.
.singular #content, #content {
margin: 0 200px 0 20px;
}
http://myprintscreen.com/s/1jwzp/7efe16dbd2
——————————————————–
#content {
margin: 0 200px 0 20px;
}
http://myprintscreen.com/s/1jwzr/a69f01d24c
——————————————————–
.singular #content {
margin: 0 200px 0 20px;
}
http://myprintscreen.com/s/1jwzt/eedf220b3a
My next task is to decrease the following spaces
https://prnt.sc/tqfcfh
I would appreciate any suggestions offered.
Teach it yourself: right-click at the leftside of the black nav-bar > choose ‘inspect’.
Then you’ll see: http://prnt.sc/tqfyqd
Put your cursor at the <div class=”menu-menu-1-container”>, then at the right side you will see: padding-right: 205px. Disable this style, or set another value.
In this way you’ve found the cause of the padding. Copy the style – add this to your Additional CSS (for example with 20px, in stead of 205px):
#branding .only-search + #access div {
padding-right: 20px;
}
Maybe you want to test various options before. See picture: at the very-right you’ll see style.css?…
Click at style.css > the style-sheet opens > browse to the end, and paste the code above (#branding …). Now you can experiment.
The
#branding .only-search + #access div {
padding-right: 20px;
}
worked great and now the menu fits in one row,
are there any ideas on how could I narrow the gap seen below?
https://prnt.sc/tqhshw
I played around with the margins but didn’t work.
Playing around i found that this
.singular #post-21 {
padding: 0 0 0 0;
}
solves the problem for one page, so i must find the post id for every page or is there an easier method?
Up to now i check each page (right click, inspect item) and i have written these
.singular #post-21 {
padding: 0 0 0 0;
}
.singular #post-48 {
padding: 0 0 0 0;
}
.singular #post-123 {
padding: 0 0 0 0;
}
.singular #post-131 {
padding: 0 0 0 0;
}
-
This reply was modified 5 years, 9 months ago by imanwlas.
You need to learn it yourself !!!
Right-click the white space above the title > Inspect. Then you will see: http://prnt.sc/tqie1e.
When you put the cursor at the (div id=”main”>, you will see a green bar above the title, while in the right section you can find: padding-top=1,625em. Change this value.
So the green bar is the padding of the main-section.
Some lines below: <article … shows another green bar, caused by paddings for .hentry
Our replies crossed each other.
.singular post is just a part
I tried this
.main {
padding-top: 0px;
}
but nothing happened, did i do somethind wrong?
#main !!!
Now try it yourself. Be exact.
Good luck and good bye.
It worked as you said,
thank you and goodbye.
