[Tony WParticipant]

Hello,

How do I get Raw Content to center? The text will center align, but will not center within the raw content container.

Thanks for the help.

[FriechModerator]

Hi There,

Thanks for writing in! Any content inside the RAW Content element should be centered when you place a center-text class on it.

Hope it helps, Cheers!

[Michael Burton, CFP®Participant]

This reply has been marked as private.

[Michael Burton, CFP®Participant]

Also, and this is not thread-specific question – is there a way to alter my forum usage settings so that I will automatically subscribe to threads that I start or in which I post?

[RupokMember]

Hi there,

Thanks for updating. You can try this code :

.x-raw-content {
  display: block;
  margin: 0 auto;
  max-width: 430px;
}

Note that it will be applied to all RAW Content on your site. If you don’t want to set this globally then add a class name to the Row Content (same as the center-text) and apply the CSS to that custom class instead.

Hope this makes sense.

Cheers!

[Michael Burton, CFP®Participant]

Good news, bad news.

The good news is that when I put in the code, it worked for the one raw content box where I needed it to work.

The bad news, as you likely anticipated, is that the global customization fouled up the raw content boxes elsewhere on my site.

Further bad news: I have almost no clue how to interpret what you wrote about applying the customization to just the one specific raw content box. What exactly do I need to do to “add a class name to the Row Content (same as center-text) and apply the CSS to that custom class instead.”

Remember, my day job is selling life insurance! Talk to me like an infant, please!

🙂

[FriechModerator]

Hi There,

Add a custom class for your RAW content element

And then update the code given above to this

.myclass {
  display: block;
  margin: 0 auto;
  max-width: 430px;
}

What we did, instead of utilizing the generic x-raw-content class that will affect all RAW Content element, we use our own specific class.

Hope this shed some lights.

Cheers!

[Michael Burton, CFP®Participant]

Well, I tried that, but it only behaves like it did when I just put “center-text” in the Raw Content style box: the text gets centered . . . but the other raw content (the html entry form) stays left justified. I must be screwing it up some how. Sorry! Thanks for your patience, Friech!

[Rue NelModerator]

Hello There,

Upon inspection, you have inserted an invalid iframe code in the raw content,

<iframe src="http://www.termlifecomparison.com/page2-2/"> width="400" height="900" frameborder="0" scrolling="no" allowtransparency="true"</iframe>

it should be like this:

<iframe src="http://www.termlifecomparison.com/page2-2/" width="400" height="900" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

By looking into the code, it turns out that you were trying to display a content from another page which I also traced it back. The page has also a raw content element which has custom html content in it. I see that in the custom html, there is a table and most of the table columns has been aligned to the left. To resolve your issue and to align everything else at the center, please make sure that all your table columns must be align to the center.

<td align="center" valign="center">

Hope this helps.

[Michael Burton, CFP®Participant]

Awesome! It worked! You guys rock! Thanks so much, Rue

I do have one additional question for this area: how can I turn the “Observe Pricing” button into a block button? Or if it’s easier, centering it would be OK, too.

[Michael Burton, CFP®Participant]

Whoo-hoo! I actually got the button blocked by myself. Here’s what I did.

1) I added class=”page2-2-submit” to the button inside the raw text element.

Then,

2) using a suggested CSS customization I found in another thread where someone wanted help centering the contact form 7 button, I went and put this into the customizer:

input.page2-2-submit {
width:100%;
}

Does that look right? It looks right on the site. I’m testing to make sure it didn’t mess up the button’s functioning.

I’m learning, slowly but surely . . .

[Rue NelModerator]

Hello Again,

It’s good to know that it works out for you.
For your button, that is correct and valid. It will not messed up anything in your page. You do not have to worry about it.

If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts