How do I set Theme Options for Radcliffe?
-
I am now using Hemingway Rewritten and wish to try the Radcliffe theme. However in using Preview or Activate I find no Theme Options section in Appearance. The theme’s description mentions that “all options are built into Word Press’s native customizer” but I have not recognized anything there that allows me to achieve my desired similarity to one of the “awesome blogs using Radcliffe”.
Could you please tell me what I am missing and what I must do to proceed?
The blog I need help with is: (visible only to logged in users)
-
Hello WordPress:
I do hope this is appearing as I believe it be: immediately following my one communication of hours ago, and as an update to that enquiry. I do not wish to cause confusion.
Forging on after that request, with the reminder “It is easier than you think,” I have been able to set header and background and so on. Understanding that the CSS code for one theme does not necessarily apply to another, I have cautiously tried some of the set I used in Hemingway Rewritten. So far not one has worked. I therefore need your assistance to do the following in Radcliffe:
1) Remove the page names from the main text area.
2) Centre the site title and menu items.
3) Adjust the colours of the site title and menu items. (Given the main part of the code I will be able to manage the specific colour).
4) If possible – put an edit button at the bottom of the page as I had in Hemingway Rewritten and might also be included in Chateau. It was wonderfully convenient.
I await your help with thanks.
loveof5
-
We Volunteers cannot view private blogs so we cannot examine what you have done and assist you. Only Staff can view private blogs.
-
-
1) Remove the page names from the main text area.
I think you mean titles like “HTML Elements” on pages like https://radcliffedemo.wordpress.com/html-elements/ if that’s right, you can use CSS like this to hide page titles:
.page .post-header { display: none } .page .post-content { padding-top: 3em }It helps a ton to include a link and specific examples when asking for help with CSS whenever possible. In the case of a private blog, if you can find an example of what you want to change on the demo site, that’s can be super helpful too.
-
designsimply, I thank you for your reply:
I wonder whether my relative newness to the language of website-building has caused some misnaming in the request to which you respond.
1) By Page Names, I meant those which appear in the Main Navigation Menu and the Page Editor. With my change to the new theme, they and the Site’s designation “Private” appear in large type in each page’s Main Text Area. That occurred with another theme and I was able to remove them very easily; but although I usually record the procedures by which I make changes, I can no longer find this one.
I will apply the code you have suggested and report the results.
2)In “Site Title” I referred to the name that appears (often with a tagline following) in the Header, and the text of which can be changed in the Customizer. My Site Title at present resides, along with the Main Navigation’s Menu Items, at the left side of the section above the Header Image.
I’d like to move my Site Title and names of the Menu Items to the centre of that same section.
3) My saying “change the colours of the Site Title and Menu Items” would have been better than “adjust” I think, because an adjustment could be one of intensity or brightness or some other aspect.
I’d like to change the colours of my Site Title and the names of the Menu Items in my site’s Main Navigation Area. I have not yet chosen the new colours but given the rest of a code I can apply that of the specific colour.
I thought the early part of my request had made clear my use of and interest in CSS.
Believing, in this my second foray into the open Forum, that the person helping me resolve these questions would be looking at my site and its CSS as has happened in the past few days, I submitted them in an assurance that they would not leave WordPress uncomprehending of what I was saying or what I meant.
With thanks, and much hope for improved understanding.
loveof5
To avoid confusing discussion of the same topic or small group of topics in different places in the Forum simultaneously, I ask here —
Is there a WordPress Staff Member who can give me the solutions to questions 2,3 and 4 above here dated Feb 14, 2015 3:21PM?loveof5
-
1) By Page Names, I meant those which appear in the Main Navigation Menu and the Page Editor. With my change to the new theme, they and the Site’s designation “Private” appear in large type in each page’s Main Text Area. That occurred with another theme and I was able to remove them very easily; but although I usually record the procedures by which I make changes, I can no longer find this one.
We are talking about the same thing. I just used the demo site to look at a specific example. “HTML Elements” is the page name at https://radcliffedemo.wordpress.com/html-elements/ in the demo site. See how I’m looking at a very specific example? It is really helpful to have specifics when working with CSS.
With my change to the new theme, they and the Site’s designation “Private” appear in large type in each page’s Main Text Area.
The word private appears for any page that is set to private in the settings. A private page cannot be seen by your visitors and can only be seen by you when you are logged in. There is another privacy designation for the entire site, which is different. Because your entire site http://author-valdacadogan.com/ is private, you don’t really need to make the pages private as well. To undo that, open the page for editing. Look for the “Publish” box at the top right. Inside that box, there will be a “Visibility” option. Click the “Edit” link next to “Visibility,” select “Public,” click “OK,” and save the page. You will want to do this for every page that should be available for viewers of the site in the future.
I understand the other requests, I just had not gotten to them yet. You made quite a lot of requests in one go!
-
I’d like to move my Site Title and names of the Menu Items to the centre of that same section.
To center the site title and main menu in the Radcliffe theme, add the following to your Appearance > Customize > CSS editor:
.blog-title { text-align: center; } .nav-wrap nav { text-align: center; } .nav-wrap nav ul { display: inline-block; }I am working through the other questions you posted one by one, but I am also working on other forums requests at the same time and there is some backlog and I am working as quickly as I can.
-
design simply:
I am sure WordPress Volunteers and Staff must be kept very busy indeed with volumes of requests I have not dared try to imagine. Therefore, although I will always try to report as soon as possible the results of any measure Support has suggested to me, and of any developments since that communication, that is to avoid nuisances such as the helper wasting time and effort on a matter that has already been settled or otherwise changed. I am not impatient.
But your first answer to my questions here contained a code for one of them, and this advice — “It helps a ton to include a link and specific examples when asking for help with CSS whenever possible. In the case of a private blog, if you can find an example of what you want to change on the demo site, that’s can be super helpful too.” — but no reference at all to the other three questions. If then I had been told you would be attending to them, I would not have thought it best (a) to repeat them with such further explanation as I could, or (b) to make the general appeal.
The steps you gave me have removed the ‘Private” from the pages.
However:
1)The Page Titles remain in the Main Text Areas of all the Pages.
2)The Site Title and Menu Items remain on the left side of the section above the Header Image.
But as I mentioned before, not one of the CSS Codes I have used since changing from Hemingway Rewritten to Radcliffe has worked. This causes me to wonder whether some other setting somewhere is preventing them all. At present therefore the only ones in the CSS Customizer are my attempts with those you gave me.
I have visited Radcliffe’s demo site several times, before and since activating the Theme, and neither the link you showed:
— “I think you mean titles like “HTML Elements” on pages like https://radcliffedemo.wordpress.com/html-elements/ if that’s right, you can use CSS like this to hide page titles” — nor any of its other Pages, addressed the matters I am trying to resolve.With thanks,
I will await your further word.
-
1)The Page Titles remain in the Main Text Areas of all the Pages.
Let’s look at some specific examples from your site instead of the demo site. Here is an example of a page:
http://author-valdacadogan.com/author/The page title there is “Author” and to hide it, you can add the CSS example (which I gave you earlier) to the Appearance > Customize > CSS editor in your blog dashboard.
.page .post-header { display: none } .page .post-content { padding-top: 3em }That should be added to the Appearance > Customize > CSS editor. Here is a direct link to the CSS editor on your blog:
https://123novel.wordpress.com/wp-admin/customize.php#css2)The Site Title and Menu Items remain on the left side of the section above the Header Image.
I don’t see the CSS I gave you before saved on your site. Can you try adding it again and make sure to click the Save button? Here is a direct link to the CSS editor on your blog:
https://123novel.wordpress.com/wp-admin/customize.php#css3) Adjust the colours of the site title and menu items. (Given the main part of the code I will be able to manage the specific colour).
This will change the blog title color, blog title hover color, menu item color, menu item hover background color, and menu item hover color for the Radcliffe theme:
.blog-title a { color: #33537a; } .blog-title a:hover { color: #10759c; } .main-menu a { color: #33537a; } .main-menu > li:hover > a { background-color: #4dbce9; } .main-menu > li:hover > a { color: #ffffff; }Adjust the color codes as needed, and then add this to the Appearance > Customize > CSS editor and save changes.
4) If possible – put an edit button at the bottom of the page as I had in Hemingway Rewritten and might also be included in Chateau. It was wonderfully convenient.
It’s not possible to add functions or links like an edit button using CSS only. However, there is an “Edit” link available in the “My Sites” menu in the gray toolbar which you might like. To find it, go to a page like http://author-valdacadogan.com/author/ and then hover your mouse over the “My Sites” link in the gray toolbar (top left of the screen) and “Edit” should be on the list in there.
-
As I made notes last Thursday night to let you know the results of the CSS codes you sent me that day, my computer stopped working. My only access to another before this, Saturday, was too brief for me to complete the response. Today at a public facility there is time for me to get it done.
I have just this minute finished applying the codes for centering the Site Title and Menu items. They work.
The codes for the Menu Items Color, Menu Items Hover Background Color and Menu Items Hover Color all work.
The Page Names been removed from the Main Text Area.
The Site Title and Site Title hover color do not respond to their respective codes.
.blog-title a {
color: #33537a;
}
The site title stays black no matter what color code I enter..blog-title a:hover {
color: #10759c;
}
The Site Title hover color also stays a color which I think must be the Theme’s hover color; because it is not one I chose.“I don’t see the CSS I gave you before saved on your site. Can you try adding it again and make sure to click the Save button? Here is a direct link to the CSS editor on your blog:”
I was very much interested in understanding how and why CSS codes were not registering despite the Customizer’s declaration at each of the many failures that the code had been saved and was published; and I did not know when you would have an opportunity of replying. Therefore while waiting, I have been trying the CSS codes you gave me, as well as various others over and over. After many months of successfully entering codes, one might occasionally forget to save one, but not persistently over and over – and certainly not also forgetting the way to the Customizer.
The first of the newer codes you sent also took more than one try before they worked. But once one started all those others which would work did so immediately.
“It’s not possible to add functions or links like an edit button using CSS only. However, there is an “Edit” link available in the “My Sites” menu in the gray toolbar which you might like. To find it, go to a page like http://author-valdacadogan.com/author/ and then hover your mouse over the “My Sites” link in the gray toolbar (top left of the screen) and “Edit” should be on the list in there.”
I know and use the Edit in My Sites. I asked about the possibility of an edit button, such as was in the Chateau theme and stayed when I used Hemingway Rewritten, only because it was so easy – “wonderfully convenient” – after viewing a page, to click that button below its text and go straight to the Page Editor.
I am glad of course that most of my recent questions are now resolved. Please give the others not one moment more of your attention. Having or not having a computer, I will move away from them for a while and eventually reapproach them by another route.
I appreciate and thank you for your persistent work to find the solutions.
-
The Site Title hover color also stays a color which I think must be the Theme’s hover color; because it is not one I chose.
Your CSS has a mistake in it:
. blog-title a { color: #920cec; } . blog-title a:hover { color: #ec0c44; }CSS is very picky! See how there is a space between the “.” and “blog-title” in your CSS but there is not a space between those characters in the example I sent before? That’s the problem. Try removing the space between “.” and “blog-title” in both blocks of CSS.
Here is a related tutorial page about how to refer to classes and IDs in CSS which should help you more:
http://www.htmldog.com/guides/css/intermediate/classid/You might also really like:
http://www.codecademy.com/courses/web-beginner-en-TlhFi/0/1?curriculum_id=50579fb998b470000202dc8bI know and use the Edit in My Sites. I asked about the possibility of an edit button, such as was in the Chateau theme and stayed when I used Hemingway Rewritten, only because it was so easy – “wonderfully convenient” – after viewing a page, to click that button below its text and go straight to the Page Editor.
I put in a request for this to see if it is something the developers would be willing to add or not.
-
Howdy!
Thanks for this report and your feedback! We’ve added an Edit link to Radcliffe’s pages. :)
Cheers,
Caroline
- The topic ‘How do I set Theme Options for Radcliffe?’ is closed to new replies.
WordPress.com Forums 