• 0
Sign in to follow this  
Followers 0

DMS 2 Styling Tables


Question

Posted · Report post

I've installed a widget for a job listing service and I'm trying to add some basic styles to change font size, font-family and the table width by adding the following JS to a media section:

 

<script type='text/javascript' src='https://www.smartrecruiters.com/img/script/smartWidget/smart_widget.js'>
</script>
<script type='text/javascript' class='job_widget'>
widget({
"searchField":"",
"company_code":"ABODO",
"bg_color_widget":"#ffffff",
"bg_color_headers":"#ffffff",
"bg_color_links":"#99ccff",
"txt_color_headers":"#292929",
"txt_color_job":"#3d3d3d",
"bg_color_even_row":"#ffffff",
"bg_color_odd_row":"#f7f7f7",
"custom_css_url":"https://www.smartrecruiters.com/img/style/smartWidget/smart_widget.css",
"auto_width":"auto",
"auto_height":"auto",
"number":"on",
"job_title":"true",
"location":"true"
});
</script>

I've added this Custom Code panel:

 

.srJobList .srJobListJobEven .srJobListJobOdd * {width:100%; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:14px;} 
The table is located here: http://blog.abodo.com/careers/
 
I can't get these style changes to stick. Any suggestions would be appreciated.
 

Share this post


Link to post
Share on other sites

2 answers to this question

  • 0

Posted · Report post

You have the media box left aligned, turn that off, problem solved ;)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Simon_P thanks that helped to make the table full width.

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0