Topic: Style Options examples?

[tfs]

What are some examples of values I'd place in the Style Options?  They're free text fields and the help gives no indication of the valid entries.

The only one that is obvious is the No Title option.  The others don't seem to be as obvious to me.

Default Title Class:
Custom Title Class:
Custom Title Style:

No Title:
No Body:    

Default Body Class:
Custom Body Class:
Custom Body Style:

[Blue]

For "Custom" is only if you know some coding, so don't worry about them.

Default Title Class and Default Body Class have some options to choose. Consider them like colors to choose

No title = only body
No body = only title or nothing. The content gives the impression to be in the portal background.

Here are some examples:

Only body with color 2


Body and Title


Only Body with color 1


No Title nor Body

[[SiNaN]]

tfs, do you still require assistance with this?

[tfs]

tfs, do you still require assistance with this?

Actually it was very helpful, thanks.  Except for the....

"For "Custom" is only if you know some coding, so don't worry about them."

...part.  Though I suspect what that really means is that the responder didn't have a list handy, and the values that are legitimate in those fields are often variable, based on things that are defined in other places.

Thanks,

TFS

[Blue]

I didn't tell you what custom coding means because I didn't knew to well what it was.

I think you need to know CSS and yes, the values should be there to guide members a bit.

[[SiNaN]]

If you click on the question marks in the area, you'll get answers for most of your questions.

[tfs]

If you click on the question marks in the area, you'll get answers for most of your questions.

The help for the entire Style Options box consists of the following...

===CUT===
These options allow you to specify CSS styling for each blocks.

Close window
===CUT===

That covers two pick lists, two check boxes and four free-form text fields.  Kinda sparse.

[[SiNaN]]

Okay, that's a bug a then.

For Custom Title/Body Class fields, you can use custom classes seperated with a space. Example: postarea keyinfo

For Custom Title/Body Style fields, you can use custom inline style seperated with a semi-colon as usual. Example: text-align: center; background: #FF00FF;

[Chas]

This "bug" is still in place in 2.3.1

How can I make the class apply to only PART of the text? I have entered

header2 in the custom body class field and

Code: [Select]

color: blue; font-size: 18px; margin: 0; padding: 0;
In the custom body style field but it seems to affect ALL the text in the body despite the tags used like

Code: [Select]

<header2 style="text-align: center;">Welcome to Fifty Plus Forum!</header2>
in the top of the body text and the centering is lost also

Have also tried just using

Code: [Select]

<header2>Welcome to Fifty Plus Forum!</header2>
with the same result.

[[SiNaN]]

How can I make the class apply to only PART of the text?

You need to apply the style only to that part of the text. Example:

Code: [Select]

Hello I'm a content.<span style="color: #FF0000;">I'm the only red here.</span>

I have entered

header2 in the custom body class field and

That means you already created a CSS class named "header2" and you are setting that class for the whole block content.

Code: [Select]

color: blue; font-size: 18px; margin: 0; padding: 0;
In the custom body style field but it seems to affect ALL the text in the body despite the tags used like

Code: [Select]

<header2 style="text-align: center;">Welcome to Fifty Plus Forum!</header2>
in the top of the body text and the centering is lost also

Have also tried just using

Code: [Select]

<header2>Welcome to Fifty Plus Forum!</header2>
with the same result.

That is expected. Firstly, every style field there affects all either title or body of the block. If you want to style only a part of the text, you need to do that like in the example I gave above, in the content itself. Custom class doesn't mean that it creates a new HTML tag, but attaches the already created CSS class to the block body.

What you want to do is probably just this:

Code: [Select]

<div style="width: 100%; text-align: center; color: blue; font-size: 18px;">Welcome to Fifty Plus Forum!</div>
as the HTML block content.

[Chas]

Thanks for the explanation Sinan,

It was my misunderstanding that you could create a style and then apply that to part of the block with the tags, like making a mini CSS with the Body Class Field. Now I understand that the Body class field affects ALL of the text in the body of the block it is clear.

Chas