johndvv
(john wright)
January 27, 2016, 2:20pm
1
Hi I need help with creating some paragraphs that have a full align edge to edge. Web flow has a full width left align which is close but I need edge to edge like what can be done in photoshop. See images attached.
Here is my public share link: LINK
(how to access public share link )
benavnon
(Ben Avnon)
January 27, 2016, 3:00pm
2
Hey Johndvv!
To do that you need to add some custom CSS code, as Webflow currently doesn’t have this option.
Just go to your project’s setting tab and add the following code to your project’s < head > tag:
<style type="text/css">
.fulljustify {
text-align: justify;
}
.fulljustify:after {
content: "";
display: inline-block;
width: 100%;
}
</style>
Now to use it, just give the text you want to align the class “fulljustify”.
Hope I helped!
johndvv
(john wright)
January 27, 2016, 3:05pm
3
Hi, Just put the code in the Head within the sites custom code setting. Now by class do you mean the ID? As I have put fulljustify in this but it doesn’t seem to be working. Sorry to be a noob on this!
benavnon
(Ben Avnon)
January 27, 2016, 3:11pm
4
By Class I mean the class of the element you’re working on
This is a general class so you can add it as an extra if the element you’re working on already has a class.
Good luck!
johndvv
(john wright)
January 27, 2016, 3:16pm
5
Still doesn’t seem to be working. Sorry for this and thank you for helping me out, much appreciated!
benavnon
(Ben Avnon)
January 27, 2016, 3:19pm
6
Could you give me a share link?
I’d be able to help much more efficiently with it.
johndvv
(john wright)
January 27, 2016, 3:21pm
7
benavnon
(Ben Avnon)
January 27, 2016, 3:22pm
8
Everything works - it’s just that Webflow’s preview apperantly doesn’t use the custom code.
You can publish your site and see it working
johndvv
(john wright)
January 27, 2016, 3:26pm
9
Ahh yes! I actually thought about publishing to test but i just presumed ha. Thank you for this! Great help!
system
(system)
Closed
March 28, 2016, 12:26pm
10
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.