Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #130697
    ydigilov
    Participant

    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.

    http://historyofphilosophyofscience.org/

    #130732
    Skandha
    Participant

    @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,
    Skandha

    #130791
    ydigilov
    Participant

    No it doesn’t. Space is made in the middle, but the right edge stays in place. The right box just becomes thinner.

    #130820
    Skandha
    Participant

    @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,
    Skandha

    #130934
    ydigilov
    Participant

    Will 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?

    #130944
    Skandha
    Participant

    @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,
    Skandha

    #131191
    ydigilov
    Participant

    Skandha, 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?

    #131192
    ydigilov
    Participant

    LAST LAST question: How can I make the image at the top of the society page be full width of any screen?

    #131302
    Skandha
    Participant

    @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,
    Skandha

    #131353
    ydigilov
    Participant

    Ya 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

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Front page boxes’ is closed to new replies.