Solved

How to remove an element from my CSS Website

Posted on 2012-04-05
3
277 Views
Last Modified: 2012-09-12
Hi Experts,

Does anyone know how I can get rid of the text "Regular Price" and "Member Price" in this block?  I am using Magento, but that shouldn't really matter.

I need to know where to edit the CSS to remove it from that block only (for all products).


Link:  http://www.hawaiipacificparks.org/store/haleakala-short-sleeve-t-shirt-dietrich-varez.html

Example
0
Comment
Question by:activematx
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 4

Accepted Solution

by:
TechHelpr08210 earned 300 total points
ID: 37814972
Hello,

The following information contains a possible solution to your request based on current best practices and preferred coding standards.

The CSS class(s) that are controlling the style of the displayed info on the HTML page are set universally and referred to in sub-classes to add modifications to apply style to specific content. Therefore, a new style needs to be created to avoid altering other page content.

The following code will remove the specific spans you want to remove by adding display:none to the associated class (as opposed to visibility:hidden).

Add the style below to the bottom of your CSS file. This will only affect the information without modifying the rest of the page.

.product .product-details .price-box {display:none;}

Open in new window


This is the URL of the file to be modified to remove the elements.

CSS File location:

/store/skin/frontend/default/ma_furniturestore_orange/css/styles.css

NOTE: Display:none removes the visible elements from the layout but leaves the html in the page source so it can be by search engines and/or accessibility software.
However, visibility:hidden would hide the text but would still preserve the spans in the layout which could be a problem.

More on that topic here:

http://www.w3schools.com/css/css_display_visibility.asp
0
 
LVL 12

Assisted Solution

by:Anuradha Goli
Anuradha Goli earned 200 total points
ID: 37815679
change style
.block .regular-price .price {
color: #2E6DA2;
display: none; //newly added 
}

Open in new window


After changes
0
 
LVL 9

Author Comment

by:activematx
ID: 37872841
I am currently applying the solutions from this question to the website.  Please give me a little more time to figure this all out.  Thanks.
0

Featured Post

Forrester Webinar: xMatters Delivers 261% ROI

Guest speaker Dean Davison, Forrester Principal Consultant, explains how a Fortune 500 communication company using xMatters found these results: Achieved a 261% ROI, Experienced $753,280 in net present value benefits over 3 years and Reduced MTTR by 91% for tier 1 incidents.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Anyone familiar with PhotoSwipe? 3 42
output in HTML in Powershell 5 60
problems with widget background image 9 35
Phone number mask 4 14
This article was originally published on Monitis Blog, you can check it here . Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime…
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

739 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question