Description center

Hello

This may be my the last request, I almost have my site the way I want!

I try so many ways to center the content in the description in the middle or center but to no avail!

What am I doing wrong?

This is what I have: In the description I typed text, then add an image html snippet and add the tag <center between it but it centers the text and not the image!

What to do so that everything is center in the description?

Thank you

Comments

  • Im not sure I understand. Could you possibly provide a mockup or screenshot of what you mean.
  • I have attached a screen shoot!
    centered-description.JPG
    717 x 295 - 44K
  • Apply this CSS to the element which you want to have centered text:

    #about > p {
    text-align: center;
    }
  • Will this be apply at main css file?
  • A better place to add it would be the play page section of the pages.css file.
  • Hello

    I have done that, it centers the text but not the image; see attached screen shoot
    new-centered-description.JPG
    662 x 247 - 39K
  • Please post the source HTML code of the about section.
  • edited October 2016
    screen shoot of it
  • Forgot to attached
    descriptio-html.JPG
    537 x 339 - 37K
  • edited October 2016
    I see the problem. Open the file: /cc-content/themes/[your-theme]/play.phtml. Around line 88 find:

    <p><?=$video->description?></p>
    and replace it with:

    <div class="video-description"><?=$video->description?></div>
    Then change the CSS I provided you earlier to this:

    #about .video-description {
    text-align: center;
    margin: 5px 0;
    }

    #about .video-description img {
    float: none;
    }
  • It works great, but when I click on add to add video to play list it displays to the right as you can see in attached scree shoot
    add-play-list-not-center.JPG
    651 x 491 - 47K
  • Hello

    Please don't forget this!
  • That appears to be the result of a change you made to your theme. We can't debug your custom changes.
  • before this change the add playlist blocks were displaying correctly!
  • Please revert everything to the point where the "Add" tab was working, and we start over with the center aligned description.
  • Okay

    up to here it works:

    #about > p {
    text-align: center;
    }

    see image
    the-way-it-was.JPG
    672 x 182 - 30K
  • About the add tab: Why can this only be display within the profile page? so people viewing the video don't need to click on something that doesn't concern them! just a thought!
  • any progress on this?
Sign In or Register to comment.