28 pointsStarting to get into this DEV thingI'm new here
hrobjartur
Member
—
3rd January 2012 13:41
When I create pages in my WordPress sites where I have installed the Daily Theme most formatting is lost when the page is rendered through the theme. Formatting looks fine in the editor, and in the html view all the codes are correct, but the theme seems to delete some of the formating is lost. What I miss most are lists (Bulleted and numbered), How do I fix this?
When I create pages in my WordPress sites where I have installed the Daily Theme most formatting is lost when the page is rendered through the theme. Formatting looks fine in the editor, and in the html view all the codes are correct, but the theme seems to delete some of the formating is lost. What I miss most are lists (Bulleted and numbered), How do I fix this?
What I mean is In the Edit mode I format a post:
Screenshot: Formated
The HTML code looks OK too:
Screenshot: HTML
But the results leaves a lot to be desired:
Screenshot Formated
And if you check out the html code behind the page you will notice that some of the formating has been lost
The screenshots are from this page: http://careerabroad.info/start-or-join-a-group/
Actually... the designer said they were going to be providing some changes so no need to do a child theme. I'll update the theme as discussed with Phil to provide some styling incremental in size for headers in posts and pages and also for some bullets.
It does work for pages in our testing and wikis are just pages. Also the fix was for primarily the headers as requested by Phil. However, can you add the following to your CSS file though as a double measure to see:
div.page ul, div.page ol, div.page dl {margin: 0 0 18px 1.5em;}
div.page ul {list-style: square;}
div.page ol {list-style: decimal;}
div.page ol ol {list-style: upper-alpha;}
div.page dl {margin-left: 0;}
div.page dt {
font-size: 14px;
font-weight: bold;
}
Hi Tammie
I am using BP Daily and have the child theme activated, with the "politics" style chosen.
But I have some problems finding out which css file I should change.
I have tried to change the politics.css file and add it to the child folder: //bp-daily-child/library/Styles folder without luck...
After various other unfruitful tests I thought I had found the right way:
Change the "Style.css" file so that it points to the _inc/css/child.css file and copy it into
//bp-daily-child/ folder
And then add the code you posted into the child.css file and save it into the child folder:
//bp-daily-child/_inc/css/child.css
Maybe you can help me from here?
Thanks a lot ;-)
Hróbjartur
Something is wrong with your child.css it should contain this:
/* Here would be your child theme css */
/*
You can put any css in this file to keep your child theme seperate from the parent.
This way you can not touch the css from the parent for better and easy updates.
An example is included in the text for you to see the format you can use
*/
/* example */
/*h1#mystyle{
border-bottom: #fff;
}
*/
Just put your code in that file and it will get picked up if using child theme.
OK Tammie
I misunderstood you ... I thought you were refering to the Child.css file which came with your update yesterday ;-)
THIS is the child.css which came with the original Child-theme.
I changed it and it now looks like this:
===
/* Here would be your child theme css */
/*
You can put any css in this file to keep your child theme seperate from the parent.
This way you can not touch the css from the parent for better and easy updates.
An example is included in the text for you to see the format you can use
*/
/* example */
/*h1#mystyle{
border-bottom: #fff;
}
*/
div.page ul, div.page ol, div.page dl {margin: 0 0 18px 1.5em;}
div.page ul {list-style: square;}
div.page ol {list-style: decimal;}
div.page ol ol {list-style: upper-alpha;}
div.page dl {margin-left: 0;}
div.page dt {font-size: 14px;font-weight: bold;}
====
Responses (20)
Sales & Support Pro — 3rd January 2012 14:18 #
Hiya,
What do you mean by "lost" formatting - can you provide a screenshot please?
Thanks,
Phil
Member — 3rd January 2012 14:59 #
Hi Phil
What I mean is In the Edit mode I format a post:
Screenshot: Formated
The HTML code looks OK too:
Screenshot: HTML
But the results leaves a lot to be desired:
Screenshot Formated
And if you check out the html code behind the page you will notice that some of the formating has been lost
The screenshots are from this page: http://careerabroad.info/start-or-join-a-group/
Thanks
Hróbjartur
Member — 3rd January 2012 14:59 #
I sent the wrong screenshot for the results:
Sales & Support Pro — 3rd January 2012 15:49 #
Hmm I see.
I also get the same 'even' formatting in my clean test site, and I can see that the different font sizes are there but are ignored.
I'll ask the developer to look into this.
Thanks
Member — 3rd January 2012 16:08 #
Thank you Phil
Looking forward to hear from you again
Hróbjartur
Sales & Support Pro — 3rd January 2012 16:15 #
Just spoken to the developer and the word is that it's not actually a bug because that's how it was intended to look in the first place.
If you'd like to change it you will need to create a child theme and apply your own custom styles.
See http://codex.wordpress.org/Child_Themes
Thanks
Theme Designer — 3rd January 2012 16:30 #
Actually... the designer said they were going to be providing some changes so no need to do a child theme. I'll update the theme as discussed with Phil to provide some styling incremental in size for headers in posts and pages and also for some bullets.
Member — 3rd January 2012 20:14 #
OK Tammie and Phil
Thanks for the responce, I will just wait for the update
Thanks a lot
Theme Designer — 3rd January 2012 20:39 #
Update should already be up - if you didn't get an auto update notification please let me know.
Member — 3rd January 2012 21:06 #
Hi Tammie
There are no update notifications yet, on neither of my WP webs...
what next?
Member — 3rd January 2012 21:21 #
I found the "Update Now" link
but I cannot see any difference ...
my bulleted lists still do not appear on my pages
http://careerabroad.info/start-or-join-a-group/
Member — 3rd January 2012 21:28 #
Hi Tammie
Your uptdate works for posts but not for pages or Wikis
I would be very thankful if you could fix this too ;-)
Thanks
Hróbjartur
Theme Designer — 3rd January 2012 21:34 #
It does work for pages in our testing and wikis are just pages. Also the fix was for primarily the headers as requested by Phil. However, can you add the following to your CSS file though as a double measure to see:
Member — 4th January 2012 10:34 #
Hi Tammie
I am using BP Daily and have the child theme activated, with the "politics" style chosen.
But I have some problems finding out which css file I should change.
I have tried to change the politics.css file and add it to the child folder: //bp-daily-child/library/Styles folder without luck...
After various other unfruitful tests I thought I had found the right way:
Change the "Style.css" file so that it points to the _inc/css/child.css file and copy it into
//bp-daily-child/ folder
And then add the code you posted into the child.css file and save it into the child folder:
//bp-daily-child/_inc/css/child.css
Maybe you can help me from here?
Thanks a lot ;-)
Hróbjartur
Theme Designer — 4th January 2012 14:58 #
Are you using the latest child files? If you are just put in child.css. If you are not please make sure you are.
Member — 4th January 2012 15:04 #
Hi Tammie
in the //bp-daily-child/_inc/css/ folder I changed the existing "Child.css" file and added the code from you.
The new Child.css file which came with the update contains only this code
/* custom css */
/* 17772-1325625517-au */
but that should not have any effect...
Thanks
Theme Designer — 4th January 2012 15:15 #
Something is wrong with your child.css it should contain this:
Just put your code in that file and it will get picked up if using child theme.
Member — 4th January 2012 15:59 #
OK Tammie
I misunderstood you ... I thought you were refering to the Child.css file which came with your update yesterday ;-)
THIS is the child.css which came with the original Child-theme.
I changed it and it now looks like this:
===
/* Here would be your child theme css */
/*
You can put any css in this file to keep your child theme seperate from the parent.
This way you can not touch the css from the parent for better and easy updates.
An example is included in the text for you to see the format you can use
*/
/* example */
/*h1#mystyle{
border-bottom: #fff;
}
*/
div.page ul, div.page ol, div.page dl {margin: 0 0 18px 1.5em;}
div.page ul {list-style: square;}
div.page ol {list-style: decimal;}
div.page ol ol {list-style: upper-alpha;}
div.page dl {margin-left: 0;}
div.page dt {font-size: 14px;font-weight: bold;}
====
Theme Designer — 4th January 2012 16:03 #
There are 2 places for child.css one in the actual theme (if you don't use children you could use this as custom CSS) OR the child theme.
Putting in either would work.
==== in a CSS file isn't required.
Member — 4th January 2012 18:11 #
OK Now it works ;-)
I copyed your code into bp-daily.css, and copied that into my Child setup and NOW everything works right.
So Thanks again Tammie
Become a member