13 {{ upvoteCount | shortNum }}
13 {{ upvoteCount | shortNum }}

Need Some CSS Work

by hyperlite
11 replies
Hey guys,

I just threw up this job search page at Automation Jobs and I need to do some CSS changes to make it look more like this: Automation Jobs | Indeed.com

Basically I just want to align it left, widen the columns, and add a column on the right for advertisements. The problem is this is a script and I don't have access to the stylesheet.

Is there any way I can just do CSS overrides from the header by looking at the source code?
#css #work
  • Profile picture of the author hyperlite
    Also I'd be willing to pay if someone could just do it for me
    Signature
    The Cellulite Assassin Affiliate Program - Earn 75% on $47
    Nail Fungus Revealed Affiliate Program - Earn 75% on $37
    {{ DiscussionBoard.errors[1776867].message }}
  • Profile picture of the author mojojuju
    Originally Posted by hyperlite View Post

    Hey guys,


    Basically I just want to align it left, widen the columns, and add a column on the right for advertisements. The problem is this is a script and I don't have access to the stylesheet.
    What do you mean you don't have access to the stylesheet? It looks like all of the stylesheets used to style your content are being served from your domain.
    Signature

    :)

    {{ DiscussionBoard.errors[1777172].message }}
    • Profile picture of the author hyperlite
      Originally Posted by mojojuju View Post

      What do you mean you don't have access to the stylesheet? It looks like all of the stylesheets used to style your content are being served from your domain.
      Hey. The script is hosted by Jobamatic.com and they host everything. I just made a CNAME and pointed my domain at the script.

      I only have access to the header and footer so I have to do css overrides from there. You can see most of the classes and IDs from the source code so I would think you could just override the style in the header right?
      Signature
      The Cellulite Assassin Affiliate Program - Earn 75% on $47
      Nail Fungus Revealed Affiliate Program - Earn 75% on $37
      {{ DiscussionBoard.errors[1779510].message }}
      • Profile picture of the author mojojuju
        Oh yes, you can do that.

        As an example, copy and paste the following somewhere in your header:

        HTML Code:
        <style>

.listing {background:yellow}

</style>
        Signature

        :)

        {{ DiscussionBoard.errors[1779653].message }}
        • Profile picture of the author hyperlite
          It worked!

          So would it be possible to add a column down the right side where I could put advertisements?

          Originally Posted by mojojuju View Post

          Oh yes, you can do that.

          As an example, copy and paste the following somewhere in your header:

          HTML Code:
          <style>

.listing {background:yellow}

</style>
          Signature
          The Cellulite Assassin Affiliate Program - Earn 75% on $47
          Nail Fungus Revealed Affiliate Program - Earn 75% on $37
          {{ DiscussionBoard.errors[1779744].message }}
          • Profile picture of the author hyperlite
            Ok so I got it to align left and I widened the left column. Now I need to widen the main column and add a right column. Any suggestions?

            Reps/thanks for answers.
            Signature
            The Cellulite Assassin Affiliate Program - Earn 75% on $47
            Nail Fungus Revealed Affiliate Program - Earn 75% on $37
            {{ DiscussionBoard.errors[1780937].message }}
            • Profile picture of the author mojojuju
              Originally Posted by hyperlite View Post

              Ok so I got it to align left and I widened the left column. Now I need to widen the main column and add a right column. Any suggestions?

              Reps/thanks for answers.
              Here's a real quick and dirty example of how to add a right column. Just put the following at the end of your header:

              HTML Code:
              <style> 
.content {float:left;}
.clear {clear:none}
.rightcol {margin-top:25px;width:150px;float:right;clear:right;}
.footer {clear:both}
.body {width:950px}
</style> 
 
<div class="rightcol"> 
	<p style="margin-top:25px">This is where a right column would go. Ain't it snazzy?</p> 
	<p style="margin-top:25px">What would you put here? A vertical banner? A menu?</p> 
	<p>Maybe a random list of stuff:</p> 
	<ul> 
		<li>Bananas</li> 
		<li>Footballs</li> 
		<li>Tiger Woods</li> 
		<li>Chairs</li> 
 
	</ul> 
</div>
              Works in IE and Google chrome. Should work in most other browsers as well. As for the main column, I think the class name is 'content', so specifying the width you want to that class should do it. Notice I changed the 'body' class in the example above, so if the sum of the widths of your columns exceeds that of the 'body' class, you're gonna have to change the width of the 'body' class accordingly.
              Signature

              :)

              {{ DiscussionBoard.errors[1781071].message }}
  • Profile picture of the author firstdandy
    Actually Override the css can be done using the header. But do You have control to the body content of the script?
    Signature
    My Blogs: most interesting facts|forex tips|interesting facts|decor home interior
    Fav Posts:     most expensive house in the world|most expensive cars|most expensive watch|most expensive car|most expensive diamonds
    {{ DiscussionBoard.errors[1780853].message }}

Trending Topics