How can i control paragraphs?

Shapely
1

Hi to all

I use a plugin “Simple Custom CSS” to change some CSS lines.
I would like to control from here the tags “H1…H6” and the “P” tag too.
I would like to have many classes for the “P” with minor changes between them, because i would like to have diferent styles of paragraph in the difrents widgets.

Is this possible?

In this plugin i write:

p {
color:green;
font-size: 110%;
font-family:Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align:left; line-height:1.5em; text-decoration:nome; /Ex links sem sublinhado/
letter-spacing:0em; word-spacing:0em;
}

but when i try to use the “P” tag on the widgets, nothing happen.
If i write the same code but put H1, all the H1 titles reflects the change i made.

Worst…if i put for example “<p style"xxx”> the paragraphs reflects the change i made on the “P” tag, without need to create the stype “xxx”

Why??

Thanks for the help

2

Hi @carlossoares,

You need to assign each paraghaph or H1 a different class if you want a different style.

See below how you can assign a class:

http://www.w3schools.com/cssref/sel_class.asp

After you assign a class you could than write a css code for that class and put it in the simple css the desired changes.

Thanks,

Cristian

3

Hi

Ok let me see if i understand how can we use classes in wordpress
I need to create this Class:

p.home { color:red; font-size: 150%;
font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif; }
p.parralax { color:green; font-size: 100%;
font-family: Times New Roman; }

So, do I just need to put these lines in the STYLE.CSS file? And can it be on any line?

After creating the class, in the content of the widjet Parralax, I just have to write

<p class"home">Título</p>
<p class"parralax">Escolha os Equipamentos e Serviços Informáticos que lhe garantem a maior rentabilização do Seu Negócio.</p>

It’s correct? Because i do this and don´t work

Thanks

4

Hi @carlsosoares,

The p tag should be like this:

<p class="home">Titulo </p>

Don’t forget to add the equal sign.

And in the css you need to append the class like this:

.home{
your values;
}

Without the “p” in front of the class name.

Thanks,

Cristian

5

Hi Thanks for your help it´s almost done
Everythings work fine, only on the Parralax Section, the color of the text is allways white.

.txtparralax { color:orange; font-size: 150%;
font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align:center; line-height:1.5em; text-decoration:nome;
letter-spacing:0em; word-spacing:0em; background-color: yellow;
}

I supose it´s someting with the parralax code, but with the “style” after the class i can change the color.

<p class=“txtparralax” style=“color:orange”>

Thanks for the help

6

Hi @carlossoares,

I don’t find your website url trough this forum, could you send me again?

Thanks,

Cristian

7

Hi

My website is http://www.sete-i.pt/wp/

Thanks

8

Hi @carlossoares,

As I can see you have a class txtparrallax that has this following settings:

p.txtparralax {
    color: white;
    font-size: 115%;
    font-weight: normal;
    font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
    line-height: 1.5em;
    text-decoration: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    background-color: none;
}

Identify the code in your Simple custom css plugin and modify it as you wish.

Thanks,

Cristian