donnyb

Just an update. I solved (it seems solved) in the following way, adding .textwidget ul li to the already made code in style.css and modify the margin and padding: .content .post ul li, .content .page ul li, .site-header .widget-area ul li, textwidget ul li, #featured-bottom ul li, #featured-top ul { list-style-type: none; background: url(images/sidebar-list.png) no-repeat top left; margin: 0 0 0 0px; padding: 0 0 0 20px; } Again, not sure if it is correct but it seems worked. Now I have to figure out how to move the bullet points on the left side. Thanks Donald

Thanks all for the useful info. Basically what I need to do is to have the <li></li> with bubble bullet points in every pages of the website. So if in some pages they already exist it means that instead of create a new class, I think it just the case of adding something on a top of that . I might be wrong but I found the following code into style.css related with bubbles bullet points. 1. .content .post ul li, .content .page ul li, .site-header .widget-area ul li, #featured-bottom ul li, #featured-top ul { list-style-type: none; background: url(images/sidebar-list.png) no-repeat top left; margin: 0 0 0 5px; padding: 0 0 0 18px; } 2. .sidebar-primary li, .sidebar-secondary li, .sidebar-primary-home li { background: url(images/sidebar-list.png) no-repeat top left; margin: 0; padding: 0 0 0 18px; word-wrap: break-word; } What I know for sure is the website wasn't before html5 so once moved into this functionality the bubbles bullet points into the sidebar-home didn't work anymore. I have noticed that in the code number 2 it states .sidebar-primary-home but if I see with the Developer tool I cannot find such as this class. Instead I read sidebar-home or class textwidget. Thanks in advance, Donald

I tried to figure out how to do but cannot understand into style.css how to modify it. In my friend's website: www.carpetcleanersdublin.ie in the main page there is a list on your right corner with Rugs Tiles Carpets Upholstery Leather and it is a normal list with standard bullet points (image attached called standard bullets) If I go to any page the list is made using the small bubbles (I attached an image I called bullets-bullets) I am just wondering what I have to add into my style.css in order to have the same small bubbles into the home page. Thanks in advance Donald

Hi there, nothing happens. Meta description is useful for some search engines while others are not using it and instead using the whole content of your website or page. However if your text in the meta description contains more characters it is not a big deal. (unless they have lets say, 3000 words so this can be flagged as spam). A general rule is to stay withing 150 -160 characters. I personally do not use meta description in any of my website, but if you are willing to use it please ensure that its content is original and it describes well what your website is about.

Thanks for your reply, ===Update=== I tweaked some bits and pieces into style.css and now works also in IE. My only question at this stage is if .content modified in #content helped or not. ============ I tried already to put this line : #sidebar-home{width: 280px; float: right;} since start, following your advice. But I found that it doesn't work with Chrome browser. I found that putting the following code, on top of the one above worked: #content { width: 500px; margin: 0 0 10px 0; padding: 20px 10px 0 10px; float: left; } Not sure why but it works now with Chrome and Firefox. Unfortunately with IE it doesn't work well. I am just wondering if the code above is correct and the one I needed to modify Thanks Donald

Thanks for your help! I attach you a screenshot when I modified the style.css Not sure why it behaves like this. I tested in Firefox and it works but in Chrome it is as in the pic attached. ===Update=== If found in the style.css this code: .content { width: 500px; margin: 0 0 10px 0; padding: 20px 10px 0 10px; float: left; } So I modified in # instead of . It seems that now works in Chrome too. Is what I did correct? Thanks

Hi All, I am new to this forum so I introduce myself. Donald from Ireland. I am not a web designer. I know basic html and css but not so expert. I am helping a friend who owns a website http://www.carpetcleanersdublin.ie, and it runs Genesis Framework (just in case you asking) on top of Wordpress (latest version). Website is fine but I am having an issue with the Home page Sidebar. I am explaining better below. This website before was not HTML 5 so I thought to modify into it. I added the function to activate html 5 into the file function.php and I used a free online application that "translate" the old style.css into a new style.css for HTML 5. The only issue I can see is the right sidebar in the home page. It seems oversized and I don't know how to resize it. For example I can see that sidebar-home size is set to 940 x 950 px and I think it is wrong size as it should be maybe 300 or 350 px in width? Consequently all text widget added into the right sidebar (sidebar-home) are oversized. How can I resize the sidebar home into style.css? Is that possible that translating the old style.css into the new style.css , something has been lost in translation? I attach also the screenshot with the issue I am having. Thanks in advance, Please let me know if you need any code. Donald