- This topic has 9 replies, 2 voices, and was last updated 6 years, 2 months ago by ydigilov.
-
AuthorPosts
-
January 29, 2018 at 10:23 am #130697ydigilovParticipant
Hey there, is there a simple way for me to separate the boxes on the front page of my site. Below the header image, you can see two content boxes. I would like there to be a bit more space between them and for them to extend a bit further into the margins.
January 30, 2018 at 12:18 am #130732SkandhaParticipant@ydigilov: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
#pg-18-0 .panel-grid-cell { margin-right: 50px; }
Let me know if this solves your issue!
Regards,
SkandhaJanuary 30, 2018 at 2:34 pm #130791ydigilovParticipantNo it doesn’t. Space is made in the middle, but the right edge stays in place. The right box just becomes thinner.
January 31, 2018 at 2:55 am #130820SkandhaParticipant@ydigilov: Please Goto => Appearance => Customize => Additional CSS and add the following CSS Code
@media screen and (min-width:781px) { #pgc-18-0-0 { margin-right: 25px !important; } #pgc-18-0-1 { margin-left: 25px !important; } }
Let me know if this does the trick!
Have a good day!Regards,
SkandhaFebruary 1, 2018 at 9:39 pm #130934ydigilovParticipantWill these margins for the boxes always be the same as the margins for the body text? There is no way to spread them apart even further?
February 2, 2018 at 2:14 am #130944SkandhaParticipant@ydigilov: You can change the margin by making change to the margin-right and margin-property in the previous css.
Let me know if you have any more issues!
Regards,
SkandhaFebruary 6, 2018 at 3:35 pm #131191ydigilovParticipantSkandha, I do see one more issue on the site. I made the logo extend all the way across the page to get the element looking right. Do you know if there is a way for me to make only the main portion of the logo clickable instead of the whole strip that runs across the page?
February 6, 2018 at 5:02 pm #131192ydigilovParticipantLAST LAST question: How can I make the image at the top of the society page be full width of any screen?
February 8, 2018 at 2:18 am #131302SkandhaParticipant@ydigilov: For the image at the top of the society page to be full width of screen you will need to change the page-width to 100%. That results in text on this page also being displayed as full width. Let me know what you want to do with this.
To make logo clickable for only certain area of the image you will need to get your site customized. I suggest you to hire a customizer.
Let me know if your have anymore issues!
Regards,
SkandhaFebruary 8, 2018 at 2:55 pm #131353ydigilovParticipantYa we may hire one soon.
If we make the page full width, what css can I use to bring margins back onto the rest of the body? Or would I have to go each element, one at a time?
YD
-
AuthorPosts
- The topic ‘Front page boxes’ is closed to new replies.