Elemin theme: remove meta data, add two columns

  • Unknown's avatar
    anukandikuppa · Member ·

    Hi there, in Elemin theme, I added two categories as menu headings. How can I remove this text that appears at the top of those pages: “Category Archives: <category name>”
    Also how can I create a two-column layout on a page? I want to have a photo and text next to it.

    Thanks

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, on the Category page titles, I see you have some CSS that hides the titles. This would be the way I would do it, but what you have does the job too. 

    .archive.category h1.page-title {
    display: none;
}
  • Unknown's avatar
    thesacredpath · Member ·

    You also mention in the title here about removing meta data. Are you talking about for your posts? If so, the following would do it and recover the space for your posts. 

    .entry-meta, .post-format-icon {
    display: none;
}
.hentry .entry-title {
    margin-left: 0;
}
.hentry .post-content {
    padding-left: 0;
}

    On columns, I typically suggest creating two divs within a parent div and then we can include CSS to style and size the two divs within the parent. It would look something like this. This you would put into the Text tab in the page editor and then you could switch back to the Visual tab to add your text and image. 

    <div>
<div class="my-left">image code here</div>
<div class="my-right">text here</div>
</div>

    And then in the CSS we would do this. 

    .my-left {
 float: left;
max-width: 45%;
width: 100%;
}
.my-right {
float: right;
max-width: 45%;
width: 100%;
}
@media screen and (min-width: 600px) {
.my-left, .my-right {
float: none;
max-width: 100%;
}
}

    The last CSS rule above is a Media Query, which takes things from two columns down to one column with the image above the text when a screen or browser window is 600px or less wide. If we didn’t do something like this, the image would get very small and the text lines very short and it would be hard to read on small tablets and phones.

    All the above is off the top of my head and it will probably need some adjustments once you give it a try.

  • The topic ‘Elemin theme: remove meta data, add two columns’ is closed to new replies.