Forum Support

Shape 5
March 28, 2024, 12:17:35 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: div.myDiv, p.myP NOT working in 'custom.css'  (Read 669 times)
abdi7
Jr. Member
**
Offline Offline

Posts: 196



« on: 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.
« Last Edit: March 08, 2016, 12:53:58 AM by abdi7 » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: 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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
abdi7
Jr. Member
**
Offline Offline

Posts: 196



« Reply #2 on: 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!
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: 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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
abdi7
Jr. Member
**
Offline Offline

Posts: 196



« Reply #4 on: 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?
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #5 on: 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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.