- This topic has 4 replies, 3 voices, and was last updated 10 years, 10 months ago by drumminhands.
-
AuthorPosts
-
May 19, 2013 at 1:31 pm #9176Rideit NZMember
Hi there,
On my site RideitNz.com on page About Us, im having trouble lining up the pictures and the words. Ive managed to get the first two pictures and text correct but the other two wont follow suit. Can you please help me?Also on my home page i would like to put more information in, by using columns. I have my introduction paragraph which i like but underneath it would be nice to have 3 different columns side by side that i could fill with text and pictures, Is this possible?. Hope you can understand what im talking about
Thanks loads guys
May 20, 2013 at 8:56 am #9193SakinKeymaster@Rideit NZ: After every row of about us ends you can add the following code. To add the following code, you need to change the editor mode to text.
<br class="clear" />
I am not so sure about your Homepage question. You can add column in your page it’s self were you have added introduction paragraph. Also there is Homepage featured content options.
May 20, 2013 at 3:24 pm #9207Rideit NZMemberThanks guys, that fixed all my problems.
Another question. On some of my pages at the end of the line the word is split up in to two
example ‘adventure’ will become adven-ture with the -true being on the line below. Anyway to fix this? when i try to space it out it goes all funnyMay 21, 2013 at 12:49 am #9221SakinKeymaster@Rideit NZ: That is done intentionally to break the long words which warp outside the container in mobile devices.
You can try adding in the following CSS in “Appearance => Theme Options => Custom CSS” to remove that.
.site-content article { word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }
June 5, 2013 at 2:44 am #9925drumminhandsMemberFYI, I used the following code to set no hyphens in desktop by hyphens in mobile. Seems to work.
/* ### Remove hyphens in desktop while keeping in mobile ### */
@media only screen and (max-width: 3000px) {
.site-content article {
word-wrap: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
}
@media only screen and (max-width: 480px) {
.site-content article {
word-wrap: normal;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
}
-
AuthorPosts
- The topic ‘trouble lining up page’ is closed to new replies.