May I know what's the "CSS Class" here?
-
ul.nav a#homelink { text-indent: -9999px; background: url('http://www.elegantthemes.com/preview/MyProduct/wp-content/themes/MyProduct/images/home-icon.png') no-repeat center 6px; padding: 0px; }
ul.nav a#homelink span { display: block; padding: 5px 9px 8px 5px; width: 16px; }
I'm having problems in adding back the "house" icon instead of a "Home" text in my menu. I don't what "CSS class" should I use to be added in the Home menu button (Appearance>Menu).
I'm currently using a "MyProducts" Wordpress theme by ElegantThemes.
Thanks in advance!
-
In css there are classes and id's. Classes have a period, so it would look something like this in your css file -
.nav { }
ID's have a # sign so it would look like this -
#homelink { }
You can also string these different elements together to target a specific element, but your question the code within your html file should look something like the code below. That id will trigger the css element have listed. Replace 'www.link-to-your-page.com' with your link.
-
If you post a link to your url I will give you the code you need. If you don't want to post it, just PM it.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Does having too many wordpress portfolio pages with little content hurt a site's SEO?
I have a site that is for a service company, not image based like a photographer or artist. We utilize the Portfolio feature to create a gallery of floor coating finishes (images of all the flooring finish options available) but this solution has created /portfolio/file-name pages for each image. These pages have no other content besides the image. I've run SEMrush audits on this site which shows a high percentage of pages with low text/code ratio and duplicate content (a lot of the finishes have very similar names). This site has been extremely slow to improve any visibility online (more than 9 months) and I'm wondering if this is a factor by possibly having a negative effect on our site. We initially chose the portfolio option because it was the best-looking solution for our users but we can certainly change it to another format if that is better. Thanks!
Web Design | | WillGMG0 -
Question Concerning HTML5/CSS Templates & Google Mobility Issues
Hi all, Looking for some kind of solution for a responsive update for a site and I am wondering if there are any templates (not Wordpress) that are both great SEO wise and would also pass muster with the impending Google update for responsiveness? I was looking at things like Canvas and Porto ( http://themeforest.net/popular_item/by_category?category=site-templates ) but can't find any discussion on whether or not these things have been addressed with any of these templates. If any of you have suggestions or other places to look for something that could possibly fit the bill (even if temporarily) I would be very appreciative. Thank you so much in advance!
Web Design | | Pixelwik1 -
Is this CSS solution to faceted navigation a problem for SEO?
Hi guys. Take a look at the navigation on this page from our DEV site: http://wwwdev.ccisolutions.com/StoreFront/category/handheld-microphones While the CSS "trick" implemented by our IT Director does allow a visitor to sort products based on more than one criteria, my gut instinct says this is very bad for SEO. Here are the immediate issues I see: The URL doesn't change as the filter criteria changes. At the very least this is a lost opportunity for ranking on longer tail terms. I also think it could make us vulnerable to a Panda penalty because many of the combinations produce zero results, so returning a page without content, under the original URL. This could not only create hundreds of pages with no content, there would be duplicates of those zero content pages as well. Usability - The "Sort by" option in the drop down (upper right of the page) doesn't work in conjunction with the left Nav filters. In other words if you filter down to 5 items and then try to arrange them by price high to low, the "Sort" will take precedence, remove the filter and serve up a result that is all products in that category sorted high to low (and the filter options completely disapper), AND the URL changes to this: http://wwwdev.ccisolutions.com/StoreFront/category/IAFDispatcher regardless of what sort was chosen...(this is a whole separate problem, I realize and not specifically what I'm trying to address here). Aside from these two big problems, are there any other issues you see that arise out of trying to use CSS to create product filters in this way? I am trying to build a case for why I believe it should not be implemented this way. Conversely, if you see this as a possible implementation that could work if tweaked a bit, and advice you are willing to share would be greatly appreciated. Thanks! Thank you to Travis for pointing out the the link wasn't accessible. For anyone willing to take a closer look we can unblock the URL based on your IP address. If you'd be kind enough to send me your IP via private message I can have my IT director unblock it so you can view the page. Thanks!
Web Design | | danatanseo0 -
What does it mean that "too many links" show up in my report - but I'm not seeing them?
I've noticed that on the crawl report for my site, www.imageworkscreative.com, "too many links" is showing up as a chronic problem. Reviewing the pages cited as having this issue, I don't see more than 100 links. I've read that sometimes, websites are unintentionally cloaking their links, and I am concerned that this is what might be happening on my site. Some example pages from my crawl report are: http://www.imageworkscreative.com/blog/, http://www.imageworkscreative.com/blog/10-steps-seo-and-sem-success/index.html, and http://www.imageworkscreative.com/blog/business-objectives-vs-user-experience/index.html. Am I having a cloaking issue or is something else going on here? Any insight is appreciated!
Web Design | | ScottImageWorks0 -
Do pull quotes affect SEO positively or negatively?
I like the design element of a pull quote to ad interest and highlight an important point. If I use an exact quote from the page in a pull quote on that page, does that negatively affect SEO as duplicate content? Are there formatting or tagging methods that could help pull quotes to boost SEO? For clarity, by "pull quote" I mean a stylized bit of text that floats on a page in such a way that the body text wraps around it. It is actual text (not text embedded in a graphic) but it behaves like an image with text wrapping around it. Here's an example (in red on the right side): http://www.21ct.com/resources/news-room/21ct-announces-its-latest-us-patent-for-advancing-big-data-security/
Web Design | | kyle21ct0 -
Why can't I ask this question - It is not too short
I tried to post a question which was at least 15 words long and received an error saying the question was less than 5 characters QrXcp
Web Design | | FFTCOUK0 -
Do you have an SEO 'plugin' recommendation for SharePoint 2007?
I'm not a programmer and our 200+ person company isn't going to change their CMS just because I asked them nicely. Do you know of any SEO plugin I can use on SharePoint 2007? I just don't want to have to keep going into each of 110 websites time after time.
Web Design | | DaveGerecht0 -
How does the "first link" rule work with the "reasonable surfer patent" when it comes to the main navigation for a website?
In trying to figure out navigation for a new website, I am struggling with the first link rule vs. the reasonable surfer patent where the first link rule implies that Google "counts" the first link to a page including navigation, and the reasonable surfer patent that implies that navigation links carry less weight than body copy links. What is the best solution for creating main navigation so that it doesn't take away from the body copy links?
Web Design | | cindyt-170380