Align content left in Child Theme

  • Resolved benpasley

    (@benpasley)


    11 years, 1 month ago

    Scott, your design is brilliant. I will donate right away to say thanks. I am not very good in CSS and have had trouble understanding yours in the main theme, I created a child theme and was trying to figure how to align left the post titles and the comment block. i tried this, but no good:

    /*
    Theme Name: Decode Child
    Theme URI: https://benpasley/decode
    Template: decode
    */

    @import url(“../decode/style.css”);

    /* =Theme customization starts here
    ————————————————————– */

    .entry-title { align: left; }

    .entry-meta below-content { align: left; }

Viewing 15 replies - 1 through 15 (of 18 total)

  • Hi Ben,

    try:

    .entry-title {
    text-align: left;
}

.entry-meta below-content {
    text-align: left;
}
    Thread Starter benpasley

    (@benpasley)

    well, kaniamea, your syntax looks so much better, but it still doesn’t work! flitter. thanks, though, for the stab.

    ben

    .entry-title {
     text-align: left;
}

    That will put the post title on the left. What is the other part that you want left aligned?

    Thread Starter benpasley

    (@benpasley)

    Scott, I think I am having a different issue. That coding does not adjust anything on my public site. Maybe I am calling the wrong CSS with my child theme? Maybe something crazy is happening as I just transferred hosting a few days ago with some internal links? I am stumped.

    Is it a caching plugin that’s not showing the latest code?

    Thread Starter benpasley

    (@benpasley)

    Aha, no, not to my knowledge. I have NO plugins installed for cache or speed, I am on the line with my hosting company right now and having them poke around for me…

    Thread Starter benpasley

    (@benpasley)

    Scott, can you tell me which of the style sheets in the CSS folder in Decode is the one to modify to test a simple change like a entry-header color, for instance?

    Thread Starter benpasley

    (@benpasley)

    I discovered that something is jacking with my .htaccess file in the site folder and this caused the CSS not to write properly. Probably a plugin, but I have no idea. OK, Scott, I did get that code to left-align the entry title, but I need that title and the comments section to bump left to the same left margin as the body…can you help with code for that?

    .entry-title {
     text-align: left;
     margin: 0;
}

.post .entry-meta {
     width 100%;
}

    I think that’s what you want.

    Thread Starter benpasley

    (@benpasley)

    Brilliant, I am now seeing a better direction. Thank you. However, the .post .entry-meta command did not move the Comments section to the left margin.

    Oops. I left out the colon between “width” and “100%”. It should be
    width: 100%;

    Thread Starter benpasley

    (@benpasley)

    Found it, so great. I will leave you alone if you point me to the code title for Date of post above… yes!

    .entry-header {
     text-align: left;
}
.post .entry-meta.above-content {
      padding: 0;
}
    Thread Starter benpasley

    (@benpasley)

    Sweet! Scott, thanks a ton. I think you have done a great job with the site, and more than awesome in the help department.

    Thanks man, I try!

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Align content left in Child Theme’ is closed to new replies.

Tags