I've been trying to figure out how I can remove this intro box on the individual portfolio page, or at least make it smaller. For me it's just a bit big and not necessary, at least not on every page. I just can't find where do it, I hope it's possible?
1. Hmm. Normally, the intro text will not appear if you leave the value in the "Intro" box empty on the back-end (screenshot: https://cl.ly/fe7b97122da1 ). But if I misunderstood something, could you please elaborate?
2. Yes, you can change the color of the footer widget area by going to "Appearance > Customize > Footer Widget Area Styles".
1. So yes, I can leave the intro box empty but there is still the Page title, and if I leave that out, it is almost empty, except for a black line. I would like to be able to change the size of that whole box which includes the page title and intro and get rid of the black line, is that possible? It takes up too much space for me and I would like it cleaner, is that possible?
2. I tried changing the color in "Appearance > Customize > Footer Widget Area Styles" as you said, but I cannot find anything that changes the background color of the widget area. I can only change the color of the text inside the widget area.
1. It is possible, but you would need to manually customize it with custom CSS. Please try using this code to remove the black line and adjust the padding of the content box:
You can try adjusting the values here to change how it looks.
If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.
Oh, well thank you Paul! I managed to remove it. Now I only wonder how I can center the title text in the content box. Because there is some wrapping around the text and I cannot seem to find where to change it.
And also, I would like to adjust the space between images on the individual portfolio page. Is that also custom CSS? I can only change the space on the portfolio page but not the individual.
Thank you, I only realized later that I expressed myself a bit unclear. What I meant was that I want to center the title in the contect box like vertically, or how should I explain it? There is a wrapper that adds empty space underneath the title, which I cannot figure out how to change. The title is now closer to the upper side of the box, and I would want it to be in the middle. Do you understand what I mean? So now there is more space under the title, what I would like is if there was the same space both above and underneath the title. Still having the title on th eleft side.
Now it works. I only removed the line with text-align center, because I want it vertically centered and now it looks like I wanted it to. Grazie mille!
Hi,
I've been trying to figure out how I can remove this intro box on the individual portfolio page, or at least make it smaller. For me it's just a bit big and not necessary, at least not on every page. I just can't find where do it, I hope it's possible?
Oh, one more question, is it possible to change the color of the widget box?
Thanks a lot,
Catrin
Hi Catrin!
For your questions:
1. Hmm. Normally, the intro text will not appear if you leave the value in the "Intro" box empty on the back-end (screenshot: https://cl.ly/fe7b97122da1 ). But if I misunderstood something, could you please elaborate?
2. Yes, you can change the color of the footer widget area by going to "Appearance > Customize > Footer Widget Area Styles".
Regards,
Paul
Hi Paul,
thank you for answering.
1. So yes, I can leave the intro box empty but there is still the Page title, and if I leave that out, it is almost empty, except for a black line. I would like to be able to change the size of that whole box which includes the page title and intro and get rid of the black line, is that possible? It takes up too much space for me and I would like it cleaner, is that possible?
2. I tried changing the color in "Appearance > Customize > Footer Widget Area Styles" as you said, but I cannot find anything that changes the background color of the widget area. I can only change the color of the text inside the widget area.
1. It is possible, but you would need to manually customize it with custom CSS. Please try using this code to remove the black line and adjust the padding of the content box:
.no-results-section .post-title { margin-bottom: 1.6em; } .post-title::after, .single-post .post-intro::after { border: 0; } .post-content-container, .content-section-wrapper { padding: 3%; }You can try adjusting the values here to change how it looks.
If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.
More info: https://uxbarn.com/inspecting-elements-developer-tools/
--------------------
2. I am so sorry. The option is apparently missing in the customizer section. Please adjust the background color with this custom CSS instead:
.theme-widget-area { background: #121212; }I will also add the option for this adjustment in the next version.
Oh, well thank you Paul! I managed to remove it. Now I only wonder how I can center the title text in the content box. Because there is some wrapping around the text and I cannot seem to find where to change it.
And also, I would like to adjust the space between images on the individual portfolio page. Is that also custom CSS? I can only change the space on the portfolio page but not the individual.
To center the title in the content box, please try:
.post-title-wrapper, .post-content-wrapper { float: none; width: 100%; } .post-title-wrapper { text-align: center; }To reduce the space between portfolio images on the portfolio single pages, you can use something like this:
.image-wrapper, .video-wrapper { margin-bottom: 20px; }The code should only have an effect to the portfolio single pages.
Thank you, I only realized later that I expressed myself a bit unclear. What I meant was that I want to center the title in the contect box like vertically, or how should I explain it? There is a wrapper that adds empty space underneath the title, which I cannot figure out how to change. The title is now closer to the upper side of the box, and I would want it to be in the middle. Do you understand what I mean? So now there is more space under the title, what I would like is if there was the same space both above and underneath the title. Still having the title on th eleft side.
Thank you for your patience!
Hmm. Could you entirely remove what I previously gave you and try this instead?
.post-title-wrapper, .post-content-wrapper { float: none; width: 100%; } .post-title-wrapper { text-align: center; } .no-results-section .post-title { margin-bottom: 1.6em; } .post-title::after, .single-post .post-intro::after { border: 0; } .post-content-container, .content-section-wrapper { padding: 5%; } .post-title { margin-bottom: 0; }It should give a result like this screenshot: https://cl.ly/acdb6eeb7b16
Hello again Paul and thanks a lot!
Now it works. I only removed the line with text-align center, because I want it vertically centered and now it looks like I wanted it to. Grazie mille!
You're very welcome! Happy to hear that it worked!