Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Pages: 1
Hi Rob
I did a search on the community and read you can justify text via custom css. I have tried it in my custom css but it still isn't working for me.
Here is my custom css file:
/* *************************
* BASIC TYPOGRAPHY IN CE4
* ************************* */
/* Paragraphs, lists, form elements, etc. */
body,
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
font-family: 'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, Roboto, 'Droid Sans', sans-serif; text-align: justify;
}
/* Headings */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: 'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, Roboto, 'Droid Sans', sans-serif;
font-weight: 200;
}
/* Blockquoted text */
blockquote {
font-family: 'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, Roboto, 'Droid Sans', sans-serif; text-align: justify;
}
/* Code, plain text, etc. */
pre,
code,
kbd,
samp {
font-family: 'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, Roboto, 'Droid Sans', sans-serif; text-align: justify;
}
/* Site Masthead / Identity */
.masthead h1,
.masthead h2 {
font-family: 'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, Roboto, 'Droid Sans', sans-serif;
}
/* Site Navigation Menu */
p#nav a,
#r2d2-menu ul li a,
#r2d2-menu ul#nav li span {
font-family: 'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, Roboto, 'Droid Sans', sans-serif;
font-weight: lighter;
}
Here is an example link I want to justify:
What am I doing wrong?
Thanks
Last edited by angel (2016-02-15 06:34:37)
Offline
that css is for setting the fonts. There's other css for alignment.
Try this:
.the-block {
text-align: justify;
}
or you may need:
.the-block p {
text-align: justify;
}
Rod
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Pages: 1