close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

How to override webassist css styles

Thread began 8/09/2016 11:44 am by tmcbinc99963 | Last modified 4/20/2023 3:31 am by Ray Borduin | 921 views | 6 replies |

tmcbinc99963

How to override webassist css styles

I would like to add an underscore between each table row in a search result. When I edit the css style, I get underscores on every table cell in the form. Tried creating a new css rule to override, but can't get it to work. This also happens with other elements, such as multiple buttons or text that needs individual styling.

Also, I've created two different search results pages that use the same linked style sheet. However, the style sheet rules get different results on each page. For example, altering the margins on one page doesn't alter the margins on the other page.

Sign in to reply to this post

Ray BorduinWebAssist

I'm not sure how and where you updated the styles, but you should be able to edit what you need in a shared style sheet. I'd need specific urls and references to what css you updated to comment on why what you did didn't work properly.

Sign in to reply to this post
Did this help? Tips are appreciated...

tmcbinc99963

Solved most of the style sheet issues except these:

There's an outside border around all the search and results forms, but can't seem to find a style sheet for it.

Trying to add an underscore between search results items in a Prod_results.php page. Adding via the 'body,td,th' rule adds an underscore not only to the search results, but also to other cells as well. Everything I've tried either adds the underscore to all cells on the page or only to certain WA dynamic cells in each row of the table. The WADATableCell rule works fine on 'news_results.php', but adds underscores to every cell on the page on 'Prod_results.php'

Lastly, the style Compact_Default works differently on each of the two pages. Prod_results.php is indented properly, while news_results.php is not.

Sign in to reply to this post

Ray BorduinWebAssist

The border you see is the default border around fieldsets.... you can remove it on forms/fd_compact_default.css line 315 by adding "border:0;" to the fieldset style.


To add just a border on the results table try adding a new css line:
.WADAResultsTable td {

}

The difference in margin on the two pages is because the first one has css on the page itself:
body, td, th {
color: #000000;
margin-left: 25px;
margin-right: 25px;
padding-bottom: 6px;
padding-top: 6px;
}

That is adding the left margin that you don't see in the other one on the top.

The second page has css on news_results.php that adds the padding to just the second form:
form.DetailsPage {
margin-left: 20px;
margin-right: 20px;
width: auto;
}

If you remove the custom css from the second page and add it from the first page it will be consistent.

Sign in to reply to this post
Did this help? Tips are appreciated...

tmcbinc99963

This post has been deleted.

anonymous

How to override webassist css styles

This post has been deleted.

Clipping Pix

Here is the Answer

WebAssist CSS styles are typically applied through classes, so to override them you can create a new class with the same selector and then define new styles for that class in your CSS file. Here's an example:

Let's say that WebAssist has a CSS class .wa-button that defines styles for a button element. To override this style, you can create a new class with the same selector like this:

css
Copy code
.wa-button {
background-color: red;
color: white;
font-size: 18px;
}
In this example, the background-color, color, and font-size properties are all overridden with new values. You can replace these values with whatever styles you want to apply to the element.

You can also add more specificity to your CSS selector to ensure that your styles take precedence over the WebAssist styles. For example, you could add an ID to the element or add additional class names to the selector.

It's important to note that overriding WebAssist styles may have unintended consequences, so you should test thoroughly after making changes. Additionally, if you're using a third-party theme or framework, overriding styles could break the design or functionality, so it's important to review the documentation and guidelines before making changes.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...