Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   [SOLVED] List Not Indenting After Hosting Change (http://forum.bytesforall.com/showthread.php?t=15019)

GOWeb2point0 Aug 4, 2011 08:29 PM

[SOLVED] List Not Indenting After Hosting Change
 
Hi there:

I changed hosts for a domain: http://torontojewellery4less.ca/

and everything worked fine except for the unordered list on the main page (Home). As you can see the list does not pick up the margin or indent at all like it used to.

The client has asked me to change it and I have not been able to figure out what changed.

Thanks for your help, Patrick

lmilesw Aug 4, 2011 09:03 PM

I am not sure why it changed with a different host but when floating a list beside an image I find this can happen. What you need to do is determin the selector for the list add this CSS to the CSS Inserts section of the theme options.
HTML Code:

list-style-position: inside;

GOWeb2point0 Aug 4, 2011 09:11 PM

thanks very much for the quick reply! Please let me know how to determine the selector for the list (don't know what this means :)

Here's the code:

Whether you are looking for a ring for a special occasion or selling jewellery for extra cash, we can offer you the best value around.
<h4>We offer the following services:<img class="size-medium wp-image-49 alignright" src="http://torontojewellery4less.ca/wp-content/uploads/2010/02/model_2-219x300.jpg" alt="" width="131" height="178" /></h4>
<ul>
<ul>
<li>Designing and creating custom jewellery</li>
<li>Re-designing and re-modelling of clients' *jewellery</li>
<li>Cleaning and repairing jewellery</li>
<li>Pearl stringing and re-stringing</li>
<li>Insurance valuations</li>
<li>Engraving work</li>
<li>Selling clients' *jewellery on a commisison basis</li>
<li>Purchasing gold, diamonds, and jewellery at top dollar</li>
</ul>
</ul>


Thanks again!

Patrick

lmilesw Aug 4, 2011 09:16 PM

You could wrap the list in a div with an ID or since you only have one list on that post you could just add the following to ATO>Add HTML/CSS Inserts>CSS Inserts which will apply that CSS to all lists on the post.
HTML Code:

#post-51 {
    list-style-position: inside;
}


GOWeb2point0 Aug 4, 2011 09:40 PM

Thanks again, Miles! This got it to move over to the border, what would it take to have it indent too...

:)

lmilesw Aug 5, 2011 03:40 PM

You could change that code to and indent as much or as little as you want by changing the margin.
HTML Code:

#post-51 li {
    list-style-position: inside;
    margin-left: 20px;
}


GOWeb2point0 Aug 5, 2011 03:51 PM

Thanks, Miles! I am slowly but surely learning HTML and CSS and with your help, you make the learning process much easier. I have recommended and used your Atahualpa theme on many websites and will continue to do so. Thanks, again!

The page is back to what the client would like!


All times are GMT -6. The time now is 03:07 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.