Shape 5

Joomla Templates => Oasis - Club => : abdi7 March 08, 2016, 12:47:51 AM



: div.myDiv, p.myP NOT working in 'custom.css'
: abdi7 March 08, 2016, 12:47:51 AM
Hello.

In order to delete my inline 'style=" "' , hence make it easier for eventual changes later on,
I have declared them in custom.css.
But it does not work.
The related section that Firebug shows is "#s5_component_wrap_inner".
So I have tried with:
#s5_component_wrap_inner p.myP {
but it still doesn't work.
The place that I have applied it is: 'articles/water-themed-background'
What is the solution?

Thank you.
webcreationtips.com/newsite
PS: my site is temporary off-line. If you need it 'on', plz let me know.


: Re: div.myDiv, p.myP NOT working in 'custom.css'
: mikek March 08, 2016, 08:27:44 AM
Hello,

I'm sorry I don't know what you are trying to do. Inline css is not called in a stylesheet, it is called directly on the element itself. The class you have above:

#s5_component_wrap_inner p.myP {

Would apply to any paragraph with the classname "myP" inside of #s5_component_wrap. We don't provide support for setting up your own custom code, our support is for our core products only.


: Re: div.myDiv, p.myP NOT working in 'custom.css'
: abdi7 March 08, 2016, 09:17:59 AM
Hello
I am aware of that; I know how an 'inline css' has to be used.
The original coding in the article was:
<p style="font-size: 19pt; font-weight: bold; font-family: Georgia,serif; color: #4d4d6f;">Analysis &amp; Showcase:</p>
<div style="font-size: 109%; font-family: Georgia,serif; line-height: 187%; color: #4d4d40; padding-right: 10px; text-align: justify;">
.........
.........
</div>

Now I have changed it to:
<p class=?myP"> Analysis &amp; Showcase:</p>
<div class=?myDiv?>

........
.........
</div>
and in my custum.css I have added:
#s5_component_wrap_inner p.myP {
   font-size: 19pt !important;
   font-weight: bold !important;
   font-family: Georgia,serif;
   color: #4d4d6f !important; }

#s5_component_wrap_inner div.myDiv {
  font-size: 109% !important;
  font-family: Georgia,serif !important;
  line-height: 187% !important;
  color: #4d4d40 !important;
  padding-right: 10px !important;
  text-align: justify !important; }

The thing is that I have already successfully applied the same procedure for <h1>:
<h1 class="myH1">Water-Themed Background&nbsp; Web Design</h1>
and respectively
#s5_component_wrap_inner h1.myH1 { color:#3f3f5a !important;    }

.. which WORKS FINE!


: Re: div.myDiv, p.myP NOT working in 'custom.css'
: mikek March 08, 2016, 10:31:54 AM
Hello,

Your code is not correct, you have question marks in place of quotation marks:

<p class=?myP"> Analysis &amp; Showcase:</p>
<div class=?myDiv?>

Should be:

<p class="myP"> Analysis &amp; Showcase:</p>
<div class="myDiv">

As long as you have that code inside of "s5_component_wrap_inner" your css will work. But again we don't provide support on custom css, this is something that you would need to create and debug, the template won't prevent this from applying.


: Re: div.myDiv, p.myP NOT working in 'custom.css'
: abdi7 March 08, 2016, 11:24:13 AM
Hello
My code is indeed right.
In order to emphasize my meaning, I tried to write it in bold.
There is apparently something in the panel's editing engine that changes it (since I wrote a HTML code).
I have used it exactly as it has to be:
<p class="myP"> Analysis &amp; Showcase:</p>
<div class="myDiv">


The question is still: Why it does NOT work?
(It worked well regarding <h1 class="myH1">)

I have traced <p> & <div> in Firebug.
Its suggested location/attribute is: #s5_component_wrap_inner
Is it really the right place?


: Re: div.myDiv, p.myP NOT working in 'custom.css'
: mikek March 08, 2016, 12:28:39 PM
Hello,

I'm sorry, but as I stated above we are not here to debug your custom code. Our support is for our core products only.

Your code above is not correct. You had question marks in places of quotations, which will not qualify properly. There is nothing in our board that would change that.

In regards to your question "Its suggested location/attribute is: #s5_component_wrap_inner" - that is entirely dependent on where you are publishing this code. If it's in the main body, then yes. You could also probably drop that part of the css call entirely, as you are calling specific class names anyway.

I would suggest using Firebug so you can visually identify the css and code.