test

Need to customize main content area on Home page. How to?

Forums    Joomla Templates Club    JA Argo    Need to customize main content area on Home page. How to?
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • guilhermey Friend
    July 23, 2013 at 9:54 pm #189187

    Hi!
    I need help to change the way title, intro image and intro text are shown on excellent JA-ARGO template.
    I would like to display the Title/Author/Date/Comments first, on top of a wider Intro Image (taking the full width of the position) with the Intro Text right below this wider Intro Image.
    How and where can I change that?
    Congratulatios for your superb template and track-record on Joomla! Keep up this fine work!
    All the best!
    Luiz Guilherme
    Rio de Janeiro, RJ Brazil

    Ninja Lead Moderator
    July 24, 2013 at 5:12 am #499977

    You can customize Title/Author/Date/Comments… in main content area on Homepage, this is mod_articles_category module, you will change it in brick.php, brick-1-big.php, brick-1-big-inner.php, brick-2-big.php, brick-3-big.php and default.php files as you desired.

    If you’re not familiar with PHP code, I recommend you hire a developer to get it done for you.

    Thanks for your kind word for this template 🙂

    guilhermey Friend
    July 24, 2013 at 4:26 pm #500054

    Tks Ninja!
    But my question was not about mod_articles_category, which goes on position content-top.
    My question is how to customze the content area itself (component position). JA-Argo template shows intro image always at left and at a particular square size.
    I need to change the way image intro is shown. I need a wider intro image, using up all content area width, just below title/author/date/comments and above intro text.
    Something similar to or looking more or less like QZ.COM, whose template is also infinite scrolling. Please check the attached print-screen showing one post. QZ.COM’s home-page scrolls down infinite posts (intros).
    I need to know where I can change the way JA Argo’s content position (component) looks like.
    Tks a lot!

    1. qz_com-home-content-area
    Ninja Lead Moderator
    July 25, 2013 at 4:14 am #500085

    So that I can take a look and try to assist, please provide the url of the site you’re working on. It would help to understand the issue and give you specific answers.

    guilhermey Friend
    July 25, 2013 at 1:55 pm #500143

    Tks Ninja Lead!
    I’m working on a new version of a site originally built on J 1.5.
    New version is J 2.5 using JA Argo.
    Dev URL is:
    http://heloisamarra.com/novobisoux
    You will see that intro images are within intro text. This is because original content was imported from J 1.5.
    This is not the issue.
    The issue is that I need to have a wider intro image (using J2.5 “Images and Links” or not) and a wider intro text, both taking up the whole width of the component position (title on top, with intro image and image text below).
    So it will look like the way QZ.COM’s responsive and infinite scrolling theme looks like (please check the attached print-screen from QZ.COM in this post at #3 iteration above).
    Tks a lot!
    Guilhermey

    1 user says Thank You to guilhermey for this useful post

    1. Ninja Lead
    Ninja Lead Moderator
    July 26, 2013 at 11:02 am #500229

    That’s right, J2.5 doesn’t support image include in content, you need to add image in Images and Links

    guilhermey Friend
    July 26, 2013 at 2:19 pm #500241

    Hi!
    As I said above: that is not my issue here.
    What I need to know is:
    where can I change the component area so that my intro text can take up all width, instead of always alignin right?
    Tks!
    Guilhermey

    guilhermey Friend
    July 26, 2013 at 2:44 pm #500245

    Hi Ninja!
    What I really need to know is where in JA-Argo template I place some CSS like this:
    .img-intro-none{
    text-align: center;
    margin-bottom: 10px;
    }
    .img-intro-left{
    float: left;
    margin-right: 10px;
    }
    .img-intro-right{
    float: right;
    margin-left: 10px;
    }

    .img-fulltext-none{
    text-align: center;
    margin-bottom: 10px;
    }
    .img-fulltext-left{
    float: left;
    margin-right: 10px;
    }
    .img-fulltext-right{
    float: right;
    margin-left: 10px;
    }

    The goal is to have an intro showing intro-image above (taking up full width) and introimage below.

    Tks!
    Guilhermey

    Ninja Lead Moderator
    July 29, 2013 at 11:03 am #500467

    You can find it on here

    guilhermey Friend
    July 30, 2013 at 1:21 am #500516

    Tks Ninja Lead!
    I made the changes where you showed me.
    But id did not work: img intro still showing at left. A blank at left is shown when there is no img intro in the article.
    Changes to template.css look like this (just the edited part):

    ……………………
    .item-image {
    margin: 0 0 30px;
    }
    article img,
    .img_caption.left,
    .pull-left.item-image {
    margin: 0 30px 30px 0;
    }
    article img,
    .img_caption.right,
    .pull-right.item-image {
    margin: 0 0 30px 30px;
    }
    .article-row-aside article img,
    .article-row-aside .img_caption.left,
    .article-row-aside .pull-left.item-image,
    .article-row-aside article img,
    .article-row-aside .img_caption.right,
    .article-row-aside .pull-right.item-image {
    margin: 0 0 10px 10px;
    }
    .img-intro-none{
    text-align: center;
    margin-bottom: 10px;
    max-width: 100%;
    }
    .img-intro-left{
    float: left;
    margin-right: 10px;
    margin-bottom: 30px;
    max-width: 100%;
    }
    .img-intro-right{
    float: right;
    margin-left: 10px;
    margin-bottom: 30px;
    max-width: 100%;
    }
    .img-fulltext-none{
    text-align: center;
    margin-bottom: 10px;
    max-width: 100%;
    }
    .img-fulltext-left{
    float: left;
    margin-right: 10px;
    margin-bottom: 30px;
    max-width: 100%;
    }
    .img-fulltext-right{
    float: right;
    margin-left: 10px;
    margin-bottom: 30px;
    max-width: 100%;
    }

    .img_caption {
    position: relative;
    }
    .article-row .img-intro-none,
    .article-row .img-intro-left,
    .article-row .img-intro-right,
    .article-row .img-fulltext-none,
    .article-row .img-fulltext-left,
    .article-row .img-fulltext-right,
    .article-row .img_caption {
    margin-bottom: 0;
    }
    .img-intro-none img,
    .img-intro-left img,
    .img-intro-right img,
    .img-fulltext-none img,
    .img-fulltext-left img,
    .img-fulltext-right img {
    margin: 0;
    }
    ………………..

    Maybe I left something behind. Please tell me where it went wrong.
    Tks a lot!
    All the best!
    Guilhermey

    Ninja Lead Moderator
    July 30, 2013 at 11:02 am #500596

    I saw that you changed in this file but i’m not sure what did you need on this changed?

    Or you can override css style on this file

    guilhermey Friend
    July 30, 2013 at 1:32 pm #500614

    Hi Ninja Lead!
    I really need some help in this issue because originally (before the changes I tried above) JA-Argo was not reponding to Images & Links float parameters.
    This is the reason why I opened this thread: I need to get this template working using center alignment for img-intro and img-fulltext.
    Please help!
    Best regards!
    Guilhermey

    phong nam Friend
    July 31, 2013 at 5:04 am #500704

    Hi Guilhermey,

    Would you mind sending me PM with your website’s credentials ? I ‘d like to help checking the menu/module configurations related to the main content area on your website, and look through the additional css styles on the files that Ninja Lead suggested before. Any snapshots of what do you want to achieve with the title, intro image and intro text are really appreciated !

    guilhermey Friend
    August 2, 2013 at 4:13 am #501018

    Tks a lot Leo!
    I just opened another thread with the same title as this, the admin and FTP credentials you asked for and a print-screen with my comments on it so as to clarify what is needed here.
    I am prety sure that every user will benefit from this CSS change that will fill up a gap in JA-Argo template.
    Thank you so much for this much needed help!
    All the best!
    Guilhermey

    Ninja Lead Moderator
    August 2, 2013 at 9:12 am #501054

    Ok thanks Guilhermey, i have replied to you the solution on this thread

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)

This topic contains 15 replies, has 3 voices, and was last updated by  Ninja Lead 11 years, 4 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories