-
AuthorPosts
-
November 5, 2015 at 10:13 pm #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!
November 6, 2015 at 12:28 am #531267Hey 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!
AndyNovember 6, 2015 at 12:44 am #531285Thanks 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, 1 month ago by djshortkut.
November 6, 2015 at 12:50 am #531287Hey!
if you created a unique CSS class then use something like this:
.your-unique-css-class { margin-right: -15%; }
Regards,
AndyNovember 6, 2015 at 1:13 am #531298That 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?
November 6, 2015 at 2:03 pm #531436Hi!
can you provide us admin access so we can take a deeper look into it? post login details here as private reply.
Cheers!
AndyNovember 6, 2015 at 5:36 pm #531575Here are my login credentials
November 6, 2015 at 5:53 pm #531595Hi!
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!
AndyNovember 6, 2015 at 8:34 pm #531647Thanks 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!
November 8, 2015 at 6:09 am #531982Hey!
I actually answered the same inquiry earlier. Please follow the instructions here: https://kriesi.at/support/topic/centering-content/
Regards,
IsmaelNovember 8, 2015 at 7:15 pm #532204That worked perfectly! Thanks for the help Ismael. You can close this thread.
November 8, 2015 at 8:19 pm #532221Hi!
Happy you got it short out!
Please feel free to let us know if we can do anything else for you!Best regards,
Basilis -
AuthorPosts
- The topic ‘Center Content in Color Section’ is closed to new replies.