Different Font in ul from Base Font
-
Hi, Nobita,
Sorry, Please disregard the first 2 posts.
I wonder if I can achieve the same fonts for the base and the itemized within the < u l>. I have used “PT Serif” for my <p>base font</p>, but the default font within the
turn out to be a different font. I tried to insert <p></p> within the < u l >
to lock in the words without any success, because it defaulted back to the original font, and the inserted <p> </p> simply disappeared.
In short, I want to make all the fonts in <p> and the same “PT Serif”. May I have the recipe for it?
Many thanks for your help in the past,Ken
Hi wccesq
Open the font.css file, please try to change.
Thank you.
Hi, Nobita,
Thank you for your promt response.
I did change the Child.CSS as follows, but to no avail. Font within < u l> are still different from PT Serif. Do you have any better idea as to how to locate the issue and fix it for me? Here is my current Child CSS germane to this part.
/** * The example of use Google WEB Fonts @import url(https://fonts.googleapis.com/css?family=PT Serif); #site-title span{ font-family: 'PT Serif', cursive; } */ /** * The example of use Google WEB Fonts*/ @import url(https://fonts.googleapis.com/css?family=PT Serif); #site-title span{ font-family: 'PT Serif', cursive; } /* Large width */ .entry-content p{ font-family: 'PT Serif', cursive; margin-top:1em;/* Paragraph Gap */ } @media screen and (max-width : 640px){/* When Small width */ .entry-content p{ font-family: 'PT Serif', cursive; margin-top:1em;/* Paragraph Gap */ } }
When using child theme
Create file childtheme/fonts.css
Copy raindrops/fonts.css and Paste childtheme/fonts.css
for example( this codes exists fonts.css line:20 )
/** * The example of use Google WEB Fonts @import url(https://fonts.googleapis.com/css?family=Parisienne); #site-title span{ font-family: 'Parisienne', cursive; } */
Change below (remove commentout)
/** * The example of use Google WEB Fonts */ @import url(https://fonts.googleapis.com/css?family=Parisienne); #site-title span{ font-family: 'Parisienne', cursive; }
Please check WEB Site: Site Title
When you are sure, whether to reflect by pasting your style, please check
Thank you
Hi, Nobitabi,
I followed your instructions, but the same problem remained unchanged.
Any other suggestion?
Thanks,
Ken
Please try below
/** * The example of use Google WEB Fonts */ @import url(https://fonts.googleapis.com/css?family=PT+Serif+Caption&subset=latin,latin-ext,cyrillic-ext,cyrillic); #site-title span{ font-family: 'PT Serif Caption', cursive; } /* Large width */ .entry-content p{ font-family: 'PT Serif Caption', cursive; margin-top:1em;/* Paragraph Gap */ } @media screen and (max-width : 640px){/* When Small width */ .entry-content p{ font-family: 'PT Serif Caption', cursive; margin-top:1em;/* Paragraph Gap */ } }
Nobita,
First, thank you for your prompt support.
I added your new code to the last line of my Child-CSS, but still the same problem persists.
Did I do anything wrong? Or Do I need a different recipe? Please advise.
Many thanks and sorry for the trouble,
Ken
wccesq.
I am sure that this style is to work with child theme.
1.If, if this style rule has not been described in the top of the page, please make sure the results described at the beginning.
2. open raindrops/style.css
/* Theme Name: raindrops Theme URI: https://www.tenman.info/wp3/raindrops/ Description: This theme file has the automatic arrangement of color function in specifying the layout customizing function and the reference color by Yahoo User Interface. The color can specify the tradition color and the American tradition color of Japan by the name. An automatic arrangement of color and the layout can be changed to the expression who you further seem by your instruction. ver1.111 Retina support and support Post Formats all types. Author: Tenman Author URI: https://www.tenman.info/wp3/ Version: 1.244 Tags: black, blue, gray, brown, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready, post-formats, featured-images, full-width-template, fixed-layout, fluid-layout, responsive-layout License: GNU General Public License v2.0 License URI: https://www.gnu.org/licenses/gpl-2.0.html */
Change from Version: 1.244 to Version: 1.245
With this code, please verify that your font is whether it is running.
Even worse results at best, when the test is finished, please return to the original values ??always
I wish you success
Thank you.
Hi, Nobita,
Thanks for your efforts.
First I updated to the current version, then I tried 2 styles as follows, but both had the same problem–different font within < u l >.
1. I added your code to the begining of Child CSS.
2. I added your code to the beginning of Child CSS, replacing the roginal code:/* Theme Name: raindrops-child Version: 1.0 Description: A child theme of raindrops Template: raindrops */
But, the result is the same. Did I follow your instructions correctly? Very sorry for the trouble,
Ken
your site
https://www.rowlandassociation.com/You want chage below ?
This community website is given birth at the urging of friends for launching my political campaign, at the same time, celebrating the birth of sister websites devoted to world affairs and personal realm. As reflected on the Navigation Bar, this website will focus on community affairs affecting the wellbeing of community members, with emphasis on public education and schooling, local development, local taxation, local elections, related legal issues and ramifications, among others. However, after attending a function, shaking hands and posing for pictures with some figures, I decided to follow my heart, even if I have to submerge myself to swim in the same stream.
if true
You need wrapped p element above text
Thank you ??
It’s was not a place that I’m sorry. Was mistaken
Assuming timely notice and agenda have been duly posted (72 hours) or otherwise given, and the meetings are held within the jurisdiction of the school district (§54954), the most important things to a parent or a community member attending the meeting are:
(i) there is no need to sign in (§54953.3).
(ii) any topic of public interest can be discussed, but only items on the agenda can be voted on under §54954.3(a).
(iii) no agency action can be taken by secret ballots under §54953(c).
(iv) local agency and any person can audio and video record the meeting, as long as such recording is non-disruptive.
(v) any person can inspect local agency’s recording pursuant to §54953.5(a),(b).
(vi) any person can request for copies of local agency’s recording pursuant to CPRA §54957.5(e), and as discussed below.
(vii) local agency may destroy the recording after 30 days, subject to injunctions pursuant to §54953.5(b).
(viii) local agency must make all documents used for the meeting available upon request without any delay (§54957.5).
(ix) local agency must post the minutes for 10 days as soon as such minutes are avilable (§54956.5).
(x) any person may make an annual request for agenda packets to be sent 72 hours before a meeting, renewable at January 1 (§54954.1).Hi, Nobita,
Thanks for having good memory about my site.
It is not on Nome, but on Law page and you will find 2 sections using < u l > result in 2 different fonts. Reular base in PT Serif, but everything within < u l > sans serif < / u l >, as quoted above for your reference.
Really sorry,
Ken
Hi
Are you do below ?
Copy raindrops/fonts.css and Paste childtheme/fonts.css
Confirmed your sources, but no evidence that it was
However, the problem appears to have resolved
Do you mean to copy the the CSS Code, as below, from the parent and paste it after the last line of my child theme, or somewhelse? Please advise, when you get a moment. Thanksssssssss,
/** * Raindrops Fonts Style Rules * * YUI Fonts * * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. * * Filetype: CSS * @package Raindrops */ /* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: https://developer.yahoo.com/yui/license.html version: 2.8.1 */ /** * The example of use Google WEB Fonts @import url(https://fonts.googleapis.com/css?family=Parisienne); #site-title span{ font-family: 'Parisienne', cursive; } */ body { font:13px arial,helvetica,clean,sans-serif; line-height:1.231; } body.ie7{ /* for IE6/7 */ font-size:small; /* for IE Quirks Mode */ font:x-small sans-serif; } /** * Nudge down to get to 13px equivalent for these form elements */ select, input, button, textarea, button { font:99% arial,helvetica,clean,sans-serif; } /** * To help tables remember to inherit */ table { font-size:inherit; font:100% sans-serif; } /** * Bump up IE to get to 13px equivalent for these fixed-width elements */ pre, code, kbd, samp, tt { font-family:monospace; line-height:100%; } .ie7 pre, .ie7 code, .ie7 kbd, .ie7 samp, .ie7 tt { font-size:108%; } /* Raindrops Fonts settings @see style.css Responsive fonts settings */ /** * Font family * * * */ #access .menu, #access div.menu ul{ font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; } .commentlist .pingback p, .commentlist .comment-body, .commentlist .reply, .commentlist .raindrops-comment-author-meta, .commentlist .comment-meta, .datetable .time, .datetable .month-name, .datetable .year-name, .datetable .day-name, .form-allowed-tags, .footer-widget h2, .rsidebar h2, .lsidebar h2, .widgettitle h2, h2.footer-content, h4, h5, h6, .h4, .h5, .h6{ font-family:Geneva, Arial, Helvetica, sans-serif; } var, h1, h2, h3, .h1, .h2, .h3{ font-family:"Times New Roman", Times, serif; } .form-allowed-tags code, tt,code,kbd{ font-family:"Courier New", Courier, monospace; } /** * letter-spacing * * * */ .pagetitle, .entry-title, .h1:not(h1), h1, .h2:not(h2), h2{ letter-spacing: 0.07em; } .h6:not(h6), h6, .h3:not(h3), h3, .h4:not(h4), h4{ letter-spacing: 0.1em; } .h5:not(h5), h5{ letter-spacing: 0.05em; } #site-title{ letter-spacing: 0.04em; } /** * Font Size * * * */ h2 a.rsswidget, .h6:not(h6), h6, .f10{ font-size:77%; } .portfolio .index > li .entry-title a, sub, sup, .px11, small, .h5:not(h5), h5, .f11 { font-size:85%; } .gallery .gallery-caption, .f12 { font-size:93%; } .wp-caption p.wp-caption-text, #access .menu-header, div.menu, p, .h4:not(h4), h4, .f13 { font-size:100%; } .px14, big, .f14 { font-size:108%; } .px15, .f15 { font-size:116%; } .date table .entry-title, .px16, .h3:not(h3), h3, .lsidebar h2, .rsidebar h2, .f16 { font-size:123.1%; } .lsidebar h2, .rsidebar h2{ font-size:16px;/* if( $raindrops_base_font_size customized ) { over flow list area }*/ } .px17, .f17 { font-size:131%; } .author .entry-title, .px18, .f18 { font-size:138.5%; } .px19, .f19 { font-size:146.5%; } #archives-title, .h2:not(h2), h2, .f20 { font-size:153.9%; } #ft .widgettitle{ font-size:20px;/* if( $raindrops_base_font_size customized ) { overflow list area }*/ } h2.year-month-date .day-name, .year .year-name, h2.year-month .month-name, .f21 { font-size:161.6%; } .f22 { font-size:167%; } .f23 { font-size:174%; } .f24 { font-size:182%; } .f25 { font-size:189%; } .h1:not(h1), h1, .f26 { font-size:197%; } #header-image p{ font-size:200%; } .sticky-single-follow-text{ font-size:230.7%; } #site-title{ font-size:296%; letter-spacing: 0.04em; } .ie8 #site-title{ font-size:236.8%; } .pagetitle{ font-size:230.7%; } .entry-title{ font-size:230.7%; } .yui-t1 #wp-calendar caption, .yui-t1 #wp-calendar td{ font-size:0.61538461538em; } .yui-t4 #wp-calendar td, .yui-t4 #wp-calendar caption, .yui-t2 #wp-calendar td{ font-size:0.84615384615em; } .yui-t5 #wp-calendar caption, .yui-t5 #wp-calendar td{ font-size:1.07692307692em; } .yui-t3 #wp-calendar caption, .yui-t6 #wp-calendar caption, .yui-t3 #wp-calendar td, .yui-t6 #wp-calendar td{ } .datetable .time, .datetable .month-name, .datetable .year-name, .datetable .day-name{ font-size:1.23076923077em; } .datetable .time, .datetable .month-name, .datetable .year-name, .datetable .day-name, .entry-content cite, var, em, .entry-content cite { font-style:italic; } .ja em{ font-style:normal; } /** * Font Weight * * * */ h1, h2, h3, .h1, .h2, .h3{ /*font-weight:bold; raindrops 1.132 change font-weight*/ font-weight:normal; } h4, h5, h6, .h4, .h5, .h6{ font-weight:400; } .attachment .title, strong, th, .pagenate a:hover, em, dt, .entry-content table caption, .post-format-status-publish-date, .category-blog-publish-date, .portfolio-nav-current, .post-format-text, .current-post > a, .current_page_item > a, .current-menu-item > a{ font-weight:bold; } .raindrops-comment-link em { font-style: normal; } .portfolio ul.index > li article .entry-title, .portfolio ul.index > .loop-item-show-allways article .entry-title{ font-size:153.9%; }
- The topic ‘Different Font in ul from Base Font’ is closed to new replies.