panel width
-
Hi,
The width of the page https://mathsexperiment.com/the-approach/ isn’t as wide on the home page. I managed to set it to 1000px on the home page. Can you help me with the code please?I am referring to the text below the page title THE APPROACH and the grids below it. Thank you so much!
The blog I need help with is: (visible only to logged in users)
-
Howdy mkhanna5!
Try this code out! It has the same width setup as the home page.
.site-content .content-area { max-width: 1000px; }Let me know if this works.
-
Hi eallas! This code moved my home page to the left creating a white space throughout the page. No change to the inner page’s gap. Any other ideas?
Thank you so much!
-
I set up multiple codes to try if one doesn’t work. Let me know if any of these help.
- `.site-content .content-area {
width: 100%;
}` - `.the-approach .site-content .content-area {
width: 100%;
}` -
.site-content .content-area #the-approach{ width: 100%; }
- `.site-content .content-area {
-
I apologize, the formatting messed up. Here’s a fixed version:
—
.site-content .content-area { width: 100%; }—
.the-approach .site-content .content-area { width: 100%; }—
.site-content .content-area #the-approach{ width: 100%; } -
Eallas, this worked wonders! I used the first one. Thank you so much. :)
However, one minor issue. The form on this page is too close to the left. https://mathsexperiment.com/sign-up-2/. Do you know how I can central align it?
-
This code should help:
.contact-form label { text-align: center; } form { text-align: center; }Let me know if otherwise!
-
Yes, this worked! Any ideas on how I can get the text aligned to the left (i.e. in alignment with the form) but both of them in the center of the page?
-
Hey again mkhanna5!
It seems like you’ve reworked the page and the text is aligned to the left. Do you still need help with the issue?
-
Sorry, that was only a temporary fix from my side. Yes, look forward to your inputs. Here it is: https://mathsexperiment.com/#post-337
-
-
hi eallas! Thank you for the code. I am trying to avoid using a specific px for indent because sometimes it affects the responsiveness of the site. :(
-
Do either of these work for you?
.contact-form label { text-align: left; text-indent: 27%; }—
.contact-form label { text-align: left; left: 27%; } -
-
-
- The topic ‘panel width’ is closed to new replies.