Print Reseller Scheme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Cargo Template Issue

Discussion in 'Website Coding & Programming Forum:' started by @GCarlD, Feb 20, 2013.

  1. @GCarlD

    @GCarlD Well-Known Member

    Hi everyone,

    I have been creating a site on Cargo and I love the template I have chosen but it centralises everything, which is perfect for my images but centralised text looks horrible, and I get the odd 'widow' which is just dreadful. Is there something I can do to stop the text being centred? Is there some code I can use to make my text aligned to the left or even better, Justified?

    Thanks in advance for any help.
     
  2. bigdave

    bigdave Moderator Staff Member

    In your CSS file you'll probably find something along the lines of

    p {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: center;
    color: #000000;
    font-size: 13px;
    }


    changing the alignment of text is as simple as changing the word center for left, right or justify

    Same goes for your header tags (ie; h1, h2 etc..)
     
  3. @GCarlD

    @GCarlD Well-Known Member

    Thank you but this is a template chosen from Cargo. How do I access the CSS file?
     
  4. bigdave

    bigdave Moderator Staff Member

    I've never used cargo so don't know 100% but according to their support pages its as simple as clicking the edit CSS button. :)
     
  5. @GCarlD

    @GCarlD Well-Known Member

    Ok i'll have a look for it mate, but I've never come across it before.

    If anyone has any more info please let me know.

    Thank you.
     
  6. @GCarlD

    @GCarlD Well-Known Member

    Ah Ha! I found it!
     
  7. @GCarlD

    @GCarlD Well-Known Member

    Ok the problem I now have is there is a lot of this same code, how do I know which one to change. For example I want my header text to remain centred.

    Its mainly my 'About Me' page that I'd like to Jusify. Everything else can stay centred.
     
    Last edited: Feb 20, 2013
  8. bigdave

    bigdave Moderator Staff Member

    within the css file you will see lots of stuff seemingly repeated but in actual fact there's a difference in the top line of each block of code which determines how that little block relates to the the website. For example you might see the following:

    Code:
    [B]p[/B] {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: center;
    color: #000000;
    font-size: 10px;
    }
    
    [B]h1[/B] {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: center;
    color: #000000;
    font-size: 18px;
    }
    
    [B]h2[/B] {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: center;
    color: #000000;
    font-size: 16px;
    }
    
    [B]h3[/B] {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: center;
    color: #000000;
    font-size: 14px;
    }
    The top line of each block of code defines which elements within the site is being styled by that particular portion of code. CSS starting with p would relate to the body text of the site whilst h1, h2, h3 etc.. relate to headers (the h is header and the number is its order of importance, so h1 would usually be a page header and the others would be sub headers).

    Hope that helps?

    *EDIT*

    Remember that any changes you make to you CSS file for this page will also alter the way the rest of your site is displayed so left aligning the text in your about me section will also left align any body text in your home page, contact page gallery etc..
     
    Last edited: Feb 21, 2013
  9. @GCarlD

    @GCarlD Well-Known Member

    Whew! Thank god for your 'EDIT' that's where the confusion was for me. I understand now. I am surprised it's not possible to change text alignment of just one section of the site though. But everything will probably look better justified anyway. Ok the only other question I have now is, do I have to change the text alignment on every 'text-align:' part of each code? Or can I just change it on the first one?
     
  10. bigdave

    bigdave Moderator Staff Member

    Only change the bits you want to change. (ie; if you don't want to left align or justify your headers, leave the CSS for your header tags as it is).

    There are ways of aligning text differently on each page if you wanted to do that.
     
  11. @GCarlD

    @GCarlD Well-Known Member

    Ok but there are so many. I don't know what most of them are, so I don't know whether I need to change them or not. Have a look at my top lines (excluding header as that can stay as it is):

    nav_container
    content_container
    project_content
    project_title
    project_thumb
    loader_holder
    thumb_title
    thumb_title .text
    thumb_tag

    In all of the above, the 'text-align' is set to 'centre.' I have no idea which one would be my 'about me' page. Or how I would Justify all my annotations under my images rather than having them aligned centred. I will also be creating a 'Testimonial' page which I would hate for the text to be aligned centred. Bare in mind, I think the positioning of the text needs to be centred but aligned Justified (if that makes sense), as all of my images are centred with annotations under them.
     
  12. bigdave

    bigdave Moderator Staff Member

    Have you got a link to your site? It's much easier to see these things rather than just guess at it.
     
  13. @GCarlD

    @GCarlD Well-Known Member

    Ok I have identified that 'project_content' is where I can change the alignment of my text and it justifies is fine. Problem is my text is no longer in the middle of my page under my images which are centred. How do I have my text in the middle but justified as well? Here is the link GraphiCarlDesign

    Thanks for your help.
     
  14. bigdave

    bigdave Moderator Staff Member

    My problem with this is that the html code for the page content is on one line making it nigh on impossible for a novice like me to follow. My advice would be to add a wrapper around the text to center it under the image but for the reasons above I couldn't tell you exactly where or what to put.

    Hopefully one of the big boys will be along soon :)
     
  15. @GCarlD

    @GCarlD Well-Known Member

    Ok I appreciate your help anyway. This is why I failed with the whole learning of html, it's just one big headache. :)
    I have learnt a bit though from our short conversation.

    Cheers.
     
  16. thingstodo

    thingstodo Member

    On your home page I just see images with captions.

    On the About Me page I just see text and no images apart from the logo

    To centre the text on the About Me page your best bet would be to wrap each paragraph in p tags ie: <p>your paragraph here</p>
    and get rid of al the <br> tags

    and have a css rule

    .project_content p{
    text-align: center;
    }



    It would be easier to give you help if you were more specific, ie a link to the actual page your working on and a description of what you want to achieve on that page.
     
  17. thingstodo

    thingstodo Member

    Ah, I think I see the pages you mean now, your individual categories pages, Logos Magazine Covers etc.

    Same solution as above wrap your paragraphs in <p></p> tags and use the previously mentioned css
     
  18. @GCarlD

    @GCarlD Well-Known Member

    Ok thanks thingstodo, i'll give that a go. But my .project_content is already set as text-align: center;. I don't want my text to be aligned center, I want it to be aligned Justify but in the centre of the page below each image. But i'll give your suggestion a try and see what happens.

    Thank you.
     
  19. thingstodo

    thingstodo Member

    Ooops yes I meant:

    .project_content p{
    text-align: justify;
    }
     
  20. @GCarlD

    @GCarlD Well-Known Member

    Yeah I tried it with justify and it's ok but it makes my subtitles align to the left so it looks odd. Those p tags don't seem to do anything. Why is this so difficult for me :( All I want is my captions under my images centred with the text aligned Justified. And my 'About Me' page centred with the text aligned Justified. But I want all my Bold Subtitles to remain Centred as they currently are. So basically now my bold subtitles are the problem as when I justify the text the subtitles move to the left, I'd like it to stay in the middle. I have put everything back centred for the time being.
     

Share This Page