Center-ing H3

bob's Avatar

bob

20 Apr, 2017 05:52 AM

Hi Dmitri.

Have a dumb question that you would think that I can figure out myself. But no....:(

On this page, I cannot seem to center the H3 element: http://bit.ly/YMA3zW

Here is the markup that I am using:

<div class="rsContent">
  {{image_tag}}
  {{thumbnail}}
  <h3>{{title}}<br />{{description}}</h3>
</div>
And here is the CSS rule:
.new-royalslider-36 h3 {margin-right:auto; margin-left:auto;color: #651c35;font-weight:700;text-align:center;background:rgba(241,241,241,0.7) !important;font-size: 20px; position: absolute; left: 0px; bottom: 0; padding: 5px;}
Any help would be greatly appreciated.
  1. Support Staff 1 Posted by Dmitry Semenov on 20 Apr, 2017 06:26 AM

    Dmitry Semenov's Avatar

    Hello,

    Sorry, I can assist with general styling questions, check threads on StackOverflow like http://stackoverflow.com/a/23384995/331460

    Dmitry

  2. 2 Posted by bob on 20 Apr, 2017 04:52 PM

    bob's Avatar

    Appreciate the pointer.

    I have modified it to my needs.

    All the best.

  3. bob closed this discussion on 20 Apr, 2017 04:52 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac