Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #531210

    How can I center the content in both of these color sections on this page? I am using a 3/4 column and want this content centered on all screen sizes. Can you please provide me some quick css to accomplish this please? Thanks!

    #531267

    Hey djshortkut!

    try this code in Quick CSS field:

    .post-entry.post-entry-type-page.post-entry-5572 {
    margin-right: -15%;
    }
    

    and adjust as needed.

    Cheers!
    Andy

    #531285

    Thanks Andy. Unfortunately this code moves all of the sections over to the right, not just the 2 sections indicated. I created a custom css class of custom-post How can I use this with the code to target these sections and make it so those are the only sections that move over? The other problem is that when I use this code it moves it over on the iPhone as well so the text gets cut off. Basically I am just looking to use a 3/4 column and have it center within the screen across all screen sizes. Thanks!

    • This reply was modified 9 years ago by djshortkut.
    #531287

    Hey!

    if you created a unique CSS class then use something like this:

    .your-unique-css-class {
    margin-right: -15%;
    }
    

    Regards,
    Andy

    #531298

    That doesn’t work either. Basically I am just looking to use a 3/4 column and have it center across all screen sizes. What’s the easiest way to do this?

    #531436

    Hi!

    can you provide us admin access so we can take a deeper look into it? post login details here as private reply.

    Cheers!
    Andy

    #531575

    Here are my login credentials

    #531595

    Hi!

    when you edit the column click on “Layout” tab and define some padding-left and/or padding-right values. This should move it the way you need it.

    Cheers!
    Andy

    #531647

    Thanks Andy! That didn’t work but I was almost able to figure out a way to make it work the way I want to which seems to be much easier. I added a 1/1 column and added 100px of padding on the left and the right. The only issue is that the padding shows up on my iPhone as well which I don’t want. Can you give me some quick css to remove the padding for these sections on the iPhone screen size in portrait and landscape please? I didn’t see a way to specify this in the editor. Let me know how to do target these sections and if I need a custom css class. Thank you very much for the help!

    #531982

    Hey!

    I actually answered the same inquiry earlier. Please follow the instructions here: https://kriesi.at/support/topic/centering-content/

    Regards,
    Ismael

    #532204

    That worked perfectly! Thanks for the help Ismael. You can close this thread.

    #532221

    Hi!

    Happy you got it short out!
    Please feel free to let us know if we can do anything else for you!

    Best regards,
    Basilis

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Center Content in Color Section’ is closed to new replies.