The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Wordpress inline styling help please?
mystic12
post Jun 12 2014, 07:09 AM
Post #1


Member
***

Group: Members
Posts: 42
Joined: 8-May 14
Member No.: 20,862



Hey guys, I would like to style certain things on my new WP site: My Webpage
I would prefer if I can do this without CSS? First issue with this WP theme is the contrast between text and page background, if you can look at my original site here please: original html site
You will notice that the text looks much sharper than in my existing WP site, what would I need to do to have the WP site's text and background look like my old site please?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Jun 12 2014, 08:25 AM
Post #2


This is My Life
*******

Group: Members
Posts: 1,128
Joined: 24-August 06
From: t-dot
Member No.: 16



In either case it's done with CSS. .

I'm guessing that you're talking about the main body text which is darker in the original

In the case of your old site there is no styling on the body text, it seems to just use the browser's native style.

In the new site the color is set in the body.
body{color:#6a6a6a;}
change it to {color:#000000;} and it should be closer to your original

The file is style.css in your child theme folder.

This post has been edited by jimlongo: Jun 12 2014, 08:28 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
mystic12
post Jun 12 2014, 08:53 AM
Post #3


Member
***

Group: Members
Posts: 42
Joined: 8-May 14
Member No.: 20,862



Cool Jim [thanks], looks much better now!

Next I would like a little more space between the two Services titles in the Sidebar so I but 2 break lines between them like this shown below in bold:
<li>Tune Up $50</b></li>
<li>Upgrading $50</b></li>
<li>Keyboard Replacement **Depending on model* $50</b></li>
<li>Computer Tutoring, by the hour or per questions. Can be done by phone, email.</b></li>
</ul>
<br />
<br />

<tr>
<td><strong>OUR OTHER SERVICES INCLUDE:</strong></td>
</tr>
<ul>

but it does not change?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Jun 12 2014, 09:44 AM
Post #4


This is My Life
*******

Group: Members
Posts: 1,128
Joined: 24-August 06
From: t-dot
Member No.: 16



would need to see more, it's not clear what the table holds.

But I suspect you need to close a table then start a new one. Then you could put space between the 2 tables with <br>s or something.
CODE

<table>
    <tr>
        <td>
            <h2>
                Some stuff
            </h2>
            <ul>
                <li>
                    item 1
                </li>
                <li>
                    item 2
                </li>
            </ul>
        </td>
    </tr>
</table>
<table>
    <tr>
        <td>
            <h2>
                Some other stuff
            </h2>
            <ul>
                <li>
                    item 1
                </li>
                <li>
                    item 2
                </li>
            </ul>
        </td>
    </tr>
</table>


This post has been edited by jimlongo: Jun 12 2014, 09:45 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
mystic12
post Jun 12 2014, 10:02 AM
Post #5


Member
***

Group: Members
Posts: 42
Joined: 8-May 14
Member No.: 20,862



Not sure I understand Jim but here's the entire sidebar code:

CODE
<tr>
    <td><strong>OUR SERVICES & PRICING:</strong></td>
  </tr>
<ul>
<li>Virus, Adware,Spyware Removal <strong style="color: red"> $60</strong></li>
<li>Operating System Reload <strong style="color: red">$50</strong></li>
<li>Data Recovery & Backup <strong style="color: red">$50</strong></li>
<li>Software install <strong style="color: red">$40</strong></li>
<li>Software Troubleshooting <strong style="color: red">$40</strong></li>
<li>Hard Drive Replacement and reload Operating System <strong style="color: red">$60</strong></li>
<li>CD/DVD Drive Replacement **Depending on model** <strong style="color: red">$50</strong></li>
<li>Upgrade memory [Labor only] <strong style="color: red">$40</strong></li>
<li>Tune Up<strong style="color: red"> $50</strong></li>
<li>Upgrading<strong style="color: red"> $50</strong></li>
<li>Keyboard Replacement **Depending on model*<strong style="color: red"> $50</strong></li>
<li>Computer Tutoring, by the hour or per questions. Can be done by phone, email.</b></li>
</ul>
<br />
<br />
<tr>
    <td><strong>OUR OTHER SERVICES INCLUDE:</strong></td>
  </tr>
<ul>
<li><span>Installation or transfer of music on ANY device! [PC, Mac, laptop, chip, tablet, ipad, iphone, Android or ipod]</a> </span></li>
<li><span>Installation of DJ or Music entertainment systems for both DJ and Home Entertaining!</a> </span></li>
<li><span>Music Services for DJ's and Events</a> </span></li>
</ul>
<table width="280" border="0" align="center">
  
  <tr>
    <td><span class="portfolio">Upgrade or Repair Hardware</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Laptop Windows O/S Installations</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Hardware and Software Diagnostics</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Queens Computer Repair Services</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Commercial Queens PC Services</span></td>
  </tr>
   <tr>
    <td><span class="portfolio">Virus &amp; Spyware Removal</span></td>
  </tr>
  
  </tr>
  <tr>
    <td><span class="portfolio">Computer Help in Queens, NY</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Laptop Repair Queens</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Mac Software Repair Queens</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Mac OS installation</span></td>
  </tr>
   <tr>
    <td><span class="portfolio">Data Recovery</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Routine PC Maintenence</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Data Backup &amp; Storage</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">O/S Disaster Recovery</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Computer Cleanups</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Computer Training</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Upgrade or Repair Software  Mac OSx</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Virus Scanning and Virus Removal</span></td>
  </tr>
</table>
<br />
<br />
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3026.1653300094254!2d-73.81385999999999!3d40.67032599999999!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c26715c04117f7%3A0x3dc25367f2c79b47!2s133-25+125th+St!5e0!3m2!1sen!2sca!4v1402153969372" width="200" height="200" frameborder="0" style="border:0"></iframe>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Jun 12 2014, 02:07 PM
Post #6


This is My Life
*******

Group: Members
Posts: 1,128
Joined: 24-August 06
From: t-dot
Member No.: 16



try changing it to
CODE

<table>
<tr>
    <td><strong>OUR SERVICES & PRICING:</strong></td>
  </tr>
<ul>
<li>Virus, Adware,Spyware Removal <strong style="color: red"> $60</strong></li>
<li>Operating System Reload <strong style="color: red">$50</strong></li>
<li>Data Recovery & Backup <strong style="color: red">$50</strong></li>
<li>Software install <strong style="color: red">$40</strong></li>
<li>Software Troubleshooting <strong style="color: red">$40</strong></li>
<li>Hard Drive Replacement and reload Operating System <strong style="color: red">$60</strong></li>
<li>CD/DVD Drive Replacement **Depending on model** <strong style="color: red">$50</strong></li>
<li>Upgrade memory [Labor only] <strong style="color: red">$40</strong></li>
<li>Tune Up<strong style="color: red"> $50</strong></li>
<li>Upgrading<strong style="color: red"> $50</strong></li>
<li>Keyboard Replacement **Depending on model*<strong style="color: red"> $50</strong></li>
<li>Computer Tutoring, by the hour or per questions. Can be done by phone, email.</b></li>
</ul>
</table>
<br /><br />
<table>
<tr>
    <td><strong>OUR OTHER SERVICES INCLUDE:</strong></td>
  </tr>
<ul>
<li><span>Installation or transfer of music on ANY device! [PC, Mac, laptop, chip, tablet, ipad, iphone, Android or ipod]</a> </span></li>
<li><span>Installation of DJ or Music entertainment systems for both DJ and Home Entertaining!</a> </span></li>
<li><span>Music Services for DJ's and Events</a> </span></li>
</ul>
</table>
<table width="280" border="0" align="center">
  
  <tr>
    <td><span class="portfolio">Upgrade or Repair Hardware</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Laptop Windows O/S Installations</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Hardware and Software Diagnostics</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Queens Computer Repair Services</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Commercial Queens PC Services</span></td>
  </tr>
   <tr>
    <td><span class="portfolio">Virus &amp; Spyware Removal</span></td>
  </tr>
  
  </tr>
  <tr>
    <td><span class="portfolio">Computer Help in Queens, NY</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Laptop Repair Queens</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Mac Software Repair Queens</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Mac OS installation</span></td>
  </tr>
   <tr>
    <td><span class="portfolio">Data Recovery</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Routine PC Maintenence</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Data Backup &amp; Storage</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">O/S Disaster Recovery</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Computer Cleanups</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Computer Training</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Upgrade or Repair Software  Mac OSx</span></td>
  </tr>
  <tr>
    <td><span class="portfolio">Virus Scanning and Virus Removal</span></td>
  </tr>
</table>
<br />
<br />
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3026.1653300094254!2d-73.81385999999999!3d40.67032599999999!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c26715c04117f7%3A0x3dc25367f2c79b47!2s133-25+125th+St!5e0!3m2!1sen!2sca!4v1402153969372" width="200" height="200" frameborder="0" style="border:0"></iframe>

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
mystic12
post Jun 12 2014, 02:45 PM
Post #7


Member
***

Group: Members
Posts: 42
Joined: 8-May 14
Member No.: 20,862



sorry, doesn't work, this is not that important so if it can't work then no worries.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Jun 12 2014, 06:43 PM
Post #8


This is My Life
*******

Group: Members
Posts: 1,128
Joined: 24-August 06
From: t-dot
Member No.: 16



then use inline styling on the second table.

<table style="margin-top:20px;">
<tr>
<td><strong>OUR OTHER SERVICES INCLUDE:</strong></td>
. . . .
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
mystic12
post Jun 13 2014, 10:14 AM
Post #9


Member
***

Group: Members
Posts: 42
Joined: 8-May 14
Member No.: 20,862



That works, thanks1
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
mystic12
post Jun 13 2014, 10:35 AM
Post #10


Member
***

Group: Members
Posts: 42
Joined: 8-May 14
Member No.: 20,862



I am seeing one more issue with the sidebar, these 4 items:

Computer Tutoring, by the hour or per questions. Can be done by phone, email
Installation or transfer of music on ANY device! [PC, Mac, laptop, chip, tablet, ipad, iphone, Android or ipod]
Installation of DJ or Music entertainment systems for both DJ and Home Entertaining!
Music Services for DJ’s and Events

are showing within the first set of services with the pricing but they are physically located inside the 2nd set of services below, this is where they should be seen, I can't figure out why, help?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Jun 13 2014, 10:41 AM
Post #11


This is My Life
*******

Group: Members
Posts: 1,128
Joined: 24-August 06
From: t-dot
Member No.: 16



you have
CODE

<table style="margin-top:20px;">
<tr>
<td><strong>OUR OTHER SERVICES INCLUDE:</strong></td>
</tr>
<ul>
<li>Computer Tutoring, by the hour or per questions. Can be done by phone, email</li>
<li><span>Installation or transfer of music on ANY device! [PC, Mac, laptop, chip, tablet, ipad, iphone, Android or ipod]</a> </span></li>
<li><span>Installation of DJ or Music entertainment systems for both DJ and Home Entertaining!</a> </span></li>
<li><span>Music Services for DJ’s and Events</a> </span></li>
</ul>
<table width="280" border="0" align="center">
<tr>
<td><span class="portfolio">Upgrade or Repair Hardware</span></td>
</tr>
<tr>
<td><span class="portfolio">Laptop Windows O/S Installations</span></td>
</tr>
...


yet you're putting some items in a list and others in an additional table.

try
CODE

<table style="margin-top:20px;">
<tr>
<td><strong>OUR OTHER SERVICES INCLUDE:</strong></td>
</tr>
<tr>
<td><span class="portfolio">Computer Tutoring, by the hour or per questions. Can be done by phone, email</td>
</tr>
<tr>
<td><span class="portfolio">Installation or transfer of music on ANY device! [PC, Mac, laptop, chip, tablet, ipad, iphone, Android or ipod]</a> </span></td>
</tr>
<tr>
<td><span class="portfolio">Installation of DJ or Music entertainment systems for both DJ and Home Entertaining!</a> </span></td>
</tr>
<tr>
<td><span class="portfolio">Music Services for DJ’s and Events</a> </span></td>
</tr>
<tr>
<td><span class="portfolio">Upgrade or Repair Hardware</span></td>
</tr>
<tr>
<td><span class="portfolio">Laptop Windows O/S Installations</span></td>
</tr>
...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
mystic12
post Jun 13 2014, 02:57 PM
Post #12


Member
***

Group: Members
Posts: 42
Joined: 8-May 14
Member No.: 20,862



Alright, got it, fixed it thanks! Only one more styling issue on the HOME page which is the names in the Nav bar, it looks a little small, I am not seeing the tab names in the Header file? How/where can I increase the text size of the page names please?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 01:34 AM