Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #405349

    Under Sidebars Options, I have selected no sidebar on the blog page.
    Under Blog Layout Options, I have “Multiblog Author with (display gravatar). Under Single post style: SIngle post with small preview image.
    Please see link in private content
    I would like to do 2 things.
    1. Remove Pencil Icon
    2. Make the content wider. It is very thin, I would like it much wider.

    How can I do this?

    Secondly, I would like to adjust what displays on the category page:

    I would like to remove the gravatar from beside the posts.
    Remove Date, comments, category, and Author
    Ideally, I would like to only display the title.

    Thanks in advance for your help!

    #405459

    Hi brentwestwind!

    Add this to your custom CSS.

    .template-blog article * {
      max-width: 1200px !important;
    }
    .blog-meta { display: none !important; }
    

    I noticed with how you have things laid out though it looked a little weird. You may need to reduce the 1200px to something smaller.

    Cheers!
    Elliott

    #406753

    Elliott,

    Thank you. Seriously Thank you… I really appreciate your help!

    I have made those changes and as I have designed the page, I have 3 more questions. Before I ask, I wanted to let you know what I did to get where I am. It may be a bit unorthodox, but it got done what we needed to get done.

    Context:
    The page you are seeing is actually a post. We have pulled in quite a bit of data from an external fundraising company. I wanted to style it, within the theme style, so I create this page: http://dev.okoboji200.org/fundraiser-mockup/

    I then took the html and put insert our dynamic data. It seems to work great except the image is not responsive to the size of the image, and there is no spacing between the columns.

    QUESTIONS:
    1. How can I get rid of the Pencil icon at the top of these page?
    2. How do I get the image to respond and resize to the container size? If the user puts in a large image), it goes outside of the container.
    3. How do I get the spacing between the columns?

    #406756

    Sorry…. The page(s) that are displaying the problem are the pages under the Participant category

    Category: http://dev.okoboji200.org/category/participant/
    Specific Page: http://dev.okoboji200.org/event/rocky-vest/

    #407188

    Hey!

    Add this to your custom CSS.

    1. + 3. Add this to your custom CSS.

    .single .blog-meta { display: none !important; }
    .single .first {
      margin-right: 3% !important;
    }
    

    2. I don’t think it would be overflowing the container because it’s set to max-width: 100%. If there is a certain page / post this is happening on then send us a link to the exact post.

    Cheers!
    Elliott

    #407597
    This reply has been marked as private.
    #408185

    Hey!

    Add this to the Quick CSS field:

    .single .avia-image-container img {
    width: 100%;
    }

    Cheers!
    Ismael

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.