Paragraph styles in sections

[annanatspec]

Hi,

I see that the paragraph styles for text are automatically set via the style css sheet. When I am editing the text through through the respective sections through ‘Integral Options,’ I’m also inputting some custom code e.g. for paragraphs or custom headings etc. When I do this, all the text that follows isn’t styled according to the default style.

The website: http://www.abab.net.au/
If you scroll down a bit, ‘Purpose’ and ‘projects’ were edited in the same section with the projects heading being the custom code put in, and all the text after has lost its styling (I’ve just done the alignment and colour).

Is there any way to fix this? There doesn’t seem to be the exact font/size/colour/etc values in the style css able to be converted to html.

Thanks

[Piotr (Tech Support)]

Hello @annanatspec,

Could you please share with me (temporary) administrator credentials to your site?

Thank you,
Piotrek

[annanatspec]

This reply has been marked as private.

[Piotr (Tech Support)]

Hello there,

It seems that you are using the sub-title field for the content. You may want to create a new page, paste your content there and select that page from the drop down when editing Work section in Integral Options.

Let me know if there are any problems.

Thank you,
Piotrek

[annanatspec]

Hi Piotrek,

Do you mean adding a page, and then selecting the page in the ‘content’ drop down in the work section?

I tried this and it made no difference, the styling remained the same. This it the page without any coding at all and the default settings. http://www.abab.net.au/projects-2/

Are you able to give me the html size/font for the subtitle text, so I may manually code it in?

Thanks,
Anna

[Piotr (Tech Support)]

Hello Anna.

Yes exactly, I have just done it for you. Now you can style content of your section by editing http://www.abab.net.au/projects-2/ page.

You can also style your text to be similar to subtitle one by adding Custom CSS to your Appearance > Customize > Custom CSS

#work p {
width: 100%;
opacity: 0.75;
display: block;
font-weight: 300;
text-align: center;
margin-bottom: 40px;
margin-top: -20px;
font-size: 1.286rem;
}

Let me know if there are any problems.

Thanks,
Piotrek

[annanatspec]

That worked, thank you for your help Piotrek!