Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #9176
    Rideit NZ
    Member

    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

    #9193
    Sakin
    Keymaster

    @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.

    #9207
    Rideit NZ
    Member

    Thanks 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 funny

    #9221
    Sakin
    Keymaster

    @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;	
    }
    #9925
    drumminhands
    Member

    FYI, 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;
    }
    }

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘trouble lining up page’ is closed to new replies.