- This topic is empty.
May 20, 2015 at 4:11 am #202575
Congrats for the forum, its always great to have a community that helps out newbies like me!
I have an issue trying to center some content in a page that I am trying to publish.
I have tried everything but can’t seem to get it right. I am using a template and trying to adapt it. So in few words this is what I am trying to do:
I am trying to center both the text on top (which in the image is already centred), the image and the text. Here would be my ideal position:
Its not a great drawing, but what I am trying to do is pretty much try to shift everything left and have it centred.
I have a style sheet and my index sheet. The code for those sections is:
Index.liquid file : “https://gist.github.com/anonymous/41d22811434b0d727f97”
Style.liquid file :
I have been trying to change padding and the text align, but both the image and the title on top move, and I just need one thing to move at the time.
Could you please give me a hand? I am sure this is something fairly easy to do I am just missing the trick behind it….
Thank you so much!!
MikeMay 20, 2015 at 4:18 am #202576
Please make a Codepen Demo rather than dump code.
But you might like to review this first.May 20, 2015 at 4:23 am #202577
Hi Paulie, thanks for the help. That is actually the guide I was using, but if I change the text-align then the whole thing moves, same with the padding. In the sense that, if I move the image, the text moves together with it. I can’t make one thing move and the other stay still and viceversa.May 20, 2015 at 4:28 am #202578
If you make a demo we can take a look at the ‘non-working’ code and see what can be done.May 20, 2015 at 4:44 am #202580
Paulie, when you mean to make a demo, do you mean to post the whole code for both pages in codePen?
ThanksMay 20, 2015 at 4:52 am #202582
I mean just enough code (HTML & CSS) to show the problem.
If the HTML (or CSS) isn’t relevant to the issue…leave it outMay 20, 2015 at 4:58 am #202584
Index.liquid file : “https://gist.github.com/anonymous/41d22811434b0d727f97″
Style.liquid file :
Is this enough?May 20, 2015 at 5:09 am #202585
Nope….a demo…not a link to files for us to make a demo.
Help us help you….don’t make us work for it. :)May 20, 2015 at 5:30 am #202587
Hey Paulie, I understand your frustration now, I am in a similar community and sometimes people just don’t get its easier for whoever is helping if they give us the right tools for us to help… But in this case I really do not know how to do that eheh.
Thing is I have two files that are relevant here, the index.liquid (ruby, but works in the same way as CSS) and the style.css.liquid , no HTML at all. I run all of this on shopify.
I can’t create the demo as I can’t put both files up at the same time on codepen (or at least, I haven’t managed to yet). That’s why I have just put the raw code on github.
any suggestion? thanks againMay 20, 2015 at 5:51 am #202588
Not really, If I can’t interact with the code in a live environment then I’m not going to try and parse it out from a wall of code.
Perhaps you have a live link on a dev site we could look at?
- The forum ‘CSS’ is closed to new topics and replies.