[ditty_news_ticker id="1807"]
[adl-post-slider id=1806]
Question 1: How to change the font size and font family of the contact info showing at the top of Radcliffe 2 theme
Answer : Try the following code
.contact-info-area {
font-size: 18px !important;
font-family: cursive;
}
Question 2: How to change the hover font color of top contact info links in Radcliffe 2 theme
.contact-info-area a:hover {
color: blue !important;
}
Question 3: How to change the color of Location, phone, email and Hours icons color in Radcliffe 2 theme
.contact-info-area .icon {
height: 2em !important;
width: 2em !important;
fill: blue !important;
}
Question 4: How to change site title’s font color, font size and font family Radcliffe 2 theme
.site-title a {
color: blue !important;
font-family: cursive;
font-size: 5rem !important;
}
Also to change site title’s hover font color, try this code
.site-title a:hover {
color: red !important;
}
Question 5 : How to remove the site title from Radcliffe 2 theme
.site-branding-text {
display: none !important;
}
Question 6 : How to change the social icons color, hover color and size ( showing right side of top menu)
.site-header .jetpack-social-navigation-svg .icon {
height: 29px;
color: red !IMPORTANT;
width: 28px;
}
Also, if you want to change hover color of the social icons
.site-header .jetpack-social-navigation-svg .icon:hover {
color: blue !important;
}
Question 7 : How to change focused/selected menu background color and border radius in Radcliffe 2 theme
.main-navigation li:hover > a, .main-navigation li.focus > a, .main-navigation li.current-menu-item > a {
background: red !important;
border-radius: 3px;
}
Question 8: How to change the Navigation menu and sub menu font size and font family
.main-navigation a {
font-size: 16px !important;
text-transform: uppercase;
font-family: cursive !important;
}
Question 9 : How to reduce space below the featured prompt or between featured prompt and Welcome section in homepage
.home header.entry-header {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
*** If you don’t want to show the Welcome Header in the homepage try this code
.home header.entry-header {
display: none !important;
}
Question 10 : How to change or increase homepage Welcome content section width
.home .entry-content {
width: 90% !important;
}
Question 11: How to change home page featured prompt section button background color and text color
.hero-area .button {
background: red !important;
color: white !important;
}
Question 12: How to change homepage featured prompt button hover background and font color change
.hero-area .button:hover {
background: green !important;
color: white !important;
opacity: 1 !important;
}
Question 13: How to change Homepage featured prompt section title’s font color, size and font family in Radcliffe 2 theme
.hero-area-title {
font-size: 40px;
color: red !important;
font-family: cursive !important;
}
Question 14: How to change Homepage Featured prompt content’s font color, size and font family
.hero-area-content {
font-size: 18px;
color: red !important;
font-family: cursive;
}
/**************** Page and Post **************** /
Question 15: How to change single post content section width
.single-post .entry-content, .single-post .entry-footer {
width: 90% !important;
}
Question 16: How to remove or if you don’t want to show page title in individual pages?
.page-template-default .entry-header {
display: none !important;
}
Also
In the same way, if you want to remove post title in single post page
.single .entry-header {
display: none !important;
}
Question 17: How to change Proudly Powered By WordPress and use Your own company and copyright info with year in the footer of Radcliffe 2 theme By Anders Norén
Answer: Go to dashboard, then Appearance > Editor (theme editor). Replace the Red Bordered are with the code i shared below
<div class=“site-info“>
© Copyright 2018
<span class=“sep“> | </span>
Your Company name and messages here
</div><!– .site-info –>
Here are my questions for the Radcliffe 2 theme.
HOME PAGE
1. How do I increase/decrease the space above the site title in the header?
2.How do I center the Main Menu in the header?
3. How do I put a horizontal bar as a background behind the Main Menu in the header?
4. How do I increase/decrease font in the sentence at the top of the page where the address normally goes?
5. How do I control the font, size, and color of the tagline?
6. How do I make the featured images on the homepage smaller and separate from another so that the background shows on all four sides of the image?
7. How do I get rid of the “Featured” notice above INTRODUCTION?
8. How do I find my social icons?
9. How do I control size, colors, and fonts of bottom bar (“Proudly Powered”) below the footer?
INDIVIDUAL POSTS & PAGES
10. How do I remove the entire header from the post/page and have the featured image fill the top of the page?
11. How do I increase/decrease the size of the post/page titles?
12. How do I control the field of color behind the text?
13. How do I add an EDIT button to each post/page that allows me to enter the post/page from there and make changes?
14. How do I add a title for Categories and Tags in the lower right below the text?
15. How do I change “Published by Neal Umphred” to “Author’s Bio”?
16. How do I add space between the author bio and “View all posts by” below the text?
17. How do I control the font for “Leave a Reply.”
18. How do I control the field of color behind the comment box?
________________________________
Like
allaboutbasic says:
1. How do I increase/decrease the space above the site title in the header?
.header-wrapper {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
2.How do I center the Main Menu in the header?
@media screen and (min-width: 1200px){
.menu-wrapper {
max-width: 53.8% !important;
}
}
3. How do I put a horizontal bar as a background behind the Main Menu in the header?
.menu-wrapper {
background: darkred;
}
*** if it is background color you mean, then you may need to change font color too. In such case try this code
.menu-wrapper a {
color: white !important;
}
4. How do I increase/decrease font in the sentence at the top of the page where the address normally goes?
.contact-info-address {
font-size: 18px !important;
}
5. How do I control the font, size, and color of the tagline?
.site-description {
font-size: 14px !important;
color: white !important;
font-family: cursive;
}
6. How do I make the featured images on the homepage smaller and separate from another so that the background shows on all four sides of the image?
.entry-thumbnail {
margin-bottom: 38px;
max-height: 550px;
padding-top: 20px !important;
background-attachment: fixed;
}
Note: background-attachment: fixed; will give the image another look
7. How do I get rid of the “Featured” notice above INTRODUCTION?
.entry-meta {
display: none !important;
}
8. How do I find my social icons?
*** i need to check the dashboard
9. How do I control size, colors, and fonts of bottom bar (“Proudly Powered”) below the footer?
.site-info, .site-info * {
color: white !important;
font-size: 18px !important;
font-family: cursive !important;
}
INDIVIDUAL POSTS & PAGES
10. How do I remove the entire header from the post/page and have the featured image fill the top of the page?
.single #masthead {
display: none !important;
}
11. How do I increase/decrease the size of the post/page titles?
h2.entry-title, h2.entry-title a {
font-size: 34px !important;
}
12. How do I control the field of color behind the text?
.archive .entry-header, .blog .entry-header, .search-results .entry-header {
background: red !important;
}
13. How do I add an EDIT button to each post/page that allows me to enter the post/page from there and make changes?
** in wordpress.com not possible ( in logged in view you should see a edit link)
14. How do I add a title for Categories and Tags in the lower right below the text?
** in wordpress.com not possible
15. How do I change “Published by Neal Umphred” to “Author’s Bio”?
** in wordpress.com not possible
16. How do I add space between the author bio and “View all posts by” below the text?
17. How do I control the font for “Leave a Reply.”
#reply-title {
font-size: 24px !important;
color: darkred;
font-family: cursive;
}
18. How do I control the field of color behind the comment box?
.comments-area, .respond {
background-color: red !important;
}
Liked by 1 person
Reply
nealumphred says:
Wow! I will start testing them now …
Like
Reply
nealumphred says:
WOW!
Most of the code worked and my site looks soooooo much better!!
THANKS!!!
Like
Reply
nealumphred says:
OM
Here are specifics about a few of the few codes …
HOMEPAGE
2.How do I center the Main Menu in the header?
The code you gave me did NOT center the items in the Main Menu when looking at my site on a large screen.
Not a problem as I decided to add two more links so it looks centered anyway.
4. How do I increase/decrease font in the sentence at the top of the page where the address normally goes?
How do I remove the hyperlink attached to this sentence?
6. How do I make the featured images on the homepage smaller and separate from another so that the background shows on all four sides of the image?
Thanks! I like the background fixed—very cool feel.
How do I reduce the width of these images so that the color of the background can be seen on both side?
INDIVIDUAL POSTS & PAGES
10. How do I remove the entire header from the post/page and have the featured image fill the top of the page?
How do I include a menu bar at the top of the posts/pages?
11. How do I increase/decrease the size of the post/page titles?
This did not work.
Please go to this page:
http://www.nealumphred.com/wp-admin/customize.php?autofocus%5Bsection%5D=custom_css&return=http%3A%2F%2Fwww.nealumphred.com%2Fwp-admin%2F&customize_changeset_uuid=&changeset_uuid=855b6c6b-2459-48d7-9c33-26598347dcf9
I want to reduce the title “anonymity empowers cowards to become bullies” and all other post titles.
12. How do I control the field of color behind the text?
How do I control the color of the field behind the text that begins “I HAVE WRITTEN ABOUT BULLIES.”
17. How do I control the font for “Leave a Reply.”
This worked, but now how do I change Leave a Reply” to something else?
Keep on keepin’ on,
NEAL
Like
Reply
allaboutbasic says:
Hi Neal,
regarding menu issue please try this
@media screen and (min-width: 1200px){
.menu-wrapper {
max-width: 763px;
}}
4. Regarding address link issue
Answer : I need to check the dashboard for this
6. How do I reduce the width of these images so that the color of the background can be seen on both side?
.entry-thumbnail {
width: 95%;
margin-left: auto;
margin-right: auto;
}
10. How do I remove the entire header from the post/page and have the featured image fill the top of the page?
How do I include a menu bar at the top of the posts/pages?
.single #masthead {
display: block !important;
}
.single header#masthead .contact-info-area {
display: none !important;
}
.single .header-wrapper {
display: none !important;
}
11. How do I increase/decrease the size of the post/page titles?
h1.entry-title {
font-size: 13px;
}
17. How do I control the font for “Leave a Reply.”
This worked, but now how do I change Leave a Reply” to something else?
Keep on keepin’ on,
*** Need to check dashboard
12. How do I control the field of color behind the text?
How do I control the color of the field behind the text that begins “I HAVE WRITTEN ABOUT BULLIES.”
*** Footer widget area
aside.widget-area {
background: red !important;
}
*** Proudly Powered By area
footer#colophon {
background: darkblue;
}
**** article background
.single article {
background: green !important;
}
*** previous post section
.post-nav-wrapper {
background: red !important;
}
Like
Reply
nealumphred says:
OM
Here are what I hope to be my final questions (links for each page in question included):
HOMEPAGE [http://www.nealumphred.com/]
Social Icons: Control color, size.
Footer links: Control font, size, color, hover color.
PAGES [http://www.nealumphred.com/little-background/]
Article Title (“On Being A Mystical Liberal”): Control font, size, color.
Text field: Control background color, width.
Text (“What does it mean to be a Mystical Liberal?”): Control width
POSTS [http://www.nealumphred.com/brass-balled/]
Title (“brass-balled rightwing babe”): Control font, size, color.
Leave a Reply: Control width of text field.
Thanks in advance!!!
NEAL
Like
Reply
allaboutbasic says:
HI Neal,
sorry i missed your questions,
here is the answers
**** footer widget font color, size and font family
.widget li a {
color: black !important;
font-family: Georgia !important;
font-size: 15px !important;
}
*** footer links hover colors of links
.widget li a:hover {
color: green !important;
}
can u share me screenshot image regarding other issues?
Like
Reply
nealumphred says:
OM
It happens. Believe it or not, I was able to resolve those issues by using the code that you shared on your post about Twenty Seventeen!
Here’s my biggest issue on my pages such as this one:
Can I make the background of the header (title, tagline, nav bar) a different color from the rest of the site?
Most important: How do I make the background behind the text of the article white?
Best,
NEAL
Like
allaboutbasic says:
HI Neal,
to change header background only in your mentioned page, try this
.page-id-13642 #masthead {
background: red !important;
}
also to make the background behind the text white..try this
.page-id-13642 article {
background: white !important;
}
let me know if it helps
Om
Liked by 1 person
Alex says:
Hi
Great theme, really clean and nicely responsive!
One little question, I’m using it on wordpress.com and notice that only footer 1 shows on most pages, whereas all 3 footers display on the homepage and posts. Is there a way to have all 3 footers show on all pages?
thanks
Like
Reply
allaboutbasic says:
Hi Alex
would you mind to share me your site url to check please?
Om
Like
Reply
Alex says:
Thanks for the super quick reply.
It’s touva.net
Like
allaboutbasic says:
HI
i think you need to check the widget’s visibility as per the screenshot
let me know if it helps
Om
Like
Alex says:
Ah, perfect, thanks so much
Like
Reply
frapet says:
Hi Om,
thank you for your helpful tips on your site!
My question is quite simple, however: How do I define/change the basic color (standard: red) which wraps the active menu button, pops up when you hover over the titel, etc.?
Frank
Like
Reply
allaboutbasic says:
Hi Frank
please share me your site url to check
Om
Like
Reply
frapet says:
Hi Om,
thank you for your quick response!
In the meanwhile, however, I’ve found the answer myself: There is no single option/definition, but the main color (#ca2017) is defined several times in the style.css. Thus I simply searched & replaced the code “#2017” with the code of the new color in the whole style.css.
Greetings,
Frank
Like
allaboutbasic says:
nice to know you solved it Frank
Like
Rob T says:
How difficult would it be to change to using a custom header/banner behind the site title and tagline instead of using the custom logo that appears above or beside (depending on style pack)?
Like
Reply
allaboutbasic says:
Hi Rob
share me the site url you are working on
Om
Like
Reply
Rob T says:
http://lizt.x10.mx/
Like
allaboutbasic says:
Hi Rob
ok..share me the banner image url which you want to use
Om
Like
Rob T says:
Sorry if this is a double post… the url is http://lizt.x10.mx/wp-content/uploads/2018/02/208797_5633825739_8733_n.jpg
Like
allaboutbasic says:
Hi Rob
try this first and check
.site-branding * {
visibility: hidden;
}
.site-branding {
background: url(http://lizt.x10.mx/wp-content/uploads/2018/02/208797_5633825739_8733_n.jpg);
}
i think your header image need to be widen and need some more height
Like
Rob T says:
Thank you… The code you posted didn’t quite work, but it definitely put me on the right track:
I went with:
.custom-logo {
display:none;
}
.site-branding {
background: url(http://lizt.x10.mx/wp-content/uploads/2018/02/208797_5633825739_8733_n.jpg) no-repeat;
}
Obviously I’ll have to make some other edits to get the right look (including editing the image), but with the other code on your page here I should be able to muddle through
Regards,
Like
Reply
allaboutbasic says:
Like
Reply
Rob T says:
Just thought I would share what I have ultimately done (in case anyone else has a similar question): instead of setting the background image of the .site-branding class directly, I added it with the ::after psuedo-element. This allowed me to control the background opacity without affecting the opacity of the child elements.
The downside of the code that follows (specifically, using background-size:cover) is that it does not present the background image consistently across devices.
.site-branding::after {
content: “”;
background: url(http://lizt.x10.mx/wp-content/uploads/2018/02/208797_5633825739_8733_n.jpg);background-size:cover;
opacity: 0.4;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
Like
saraaleman says:
THis is all very useful, I think. But I’m a true beginner. I copied the appropriate text from above to add a banner background image in the header, like this:
.custom-logo {
display:none;
}
.site-branding {
background: url(https://saraaleman.wordpress.com/montania/) no-repeat;
}
But I have no idea where to put the code! I need some very basic guidance, please, on where to find and then insert this code.
Thank you,
Sara
https://saraaleman.wordpress.com/about/
Like
Reply
allaboutbasic says:
Hi Sara
are you using wordpress.com Personal Plan? or Premium Plan? let me know
Om
Like
Reply
Bára Tury says:
Hello Anders!
I have to admit I find your tips super helpful even if I am an IT dumb Thank you for that! There is just one thing that I don´t know how to solve… I am missing the featured excerpt displayed on the homepage under the title of each post….is there any chance to add it? I have the premium plan.
Thank you
Barbora
Like
Reply
allaboutbasic says:
Hi Barbora
i found excerpt is already showing in your homepage?
please let me know ..seems i didn’t understand the issue properly
Om
Like
Reply
Bára Tury says:
I have two of websites, I don´t know which one you were looking at. I am talking about http://www.turynature.cz.
I only see the title of the post, but not the excerpt (even if it´s set in some of the articles).
Like
allaboutbasic says:
sorry i checked your wordpress.com site
Regarding your issue
*** you want to show excerpt in your blog page ( your homepage)…right?
Liked by 1 person
Bára Tury says:
And when I called you Anders, I meant Om I am sorry, I misunderstood.
Like
Reply
allaboutbasic says:
Actually Anders is the creator of theme…and I ( my name is Om) know wordpress css modifications well
Like
Reply
Bára Tury says:
It doesn´t allow me to reply to you under the original question anymore…but yes, exactly as you are saying. I want to show excerpt in my blog page equals my homepage.
Like
Reply
allaboutbasic says:
Would you mind to communicate me in my fiverr profile for this please? as i need to check the dashboard
Om
Like
Reply
Bára Tury says:
I am sorry, what does it mean?
Like
allaboutbasic says:
thanks
https://www.fiverr.com/om2000_cuet/solve-your-wordpress-blogs-csshtml-and-other-wordpress-issues
contact me there please
Om
Liked by 1 person
Lizna Erkelens says:
Good day, is there a way to make the menu sticky? Thank you
Like
Reply
allaboutbasic says:
Hi Lizna
please share me your site url to check
Om
Like
Reply
lateliermareine says:
Hi ! Where are thoses social logos ? I can’t find them…
Like
Reply
allaboutbasic says:
HI lateliermareine
i checked your site and found you already got able to add the social icons
Om
Like
Reply
kidsinspiratie says:
Hi ! Where are thoses social logos ? I can’t find them either
Like
Reply
allaboutbasic says:
Under Appearance > Menu you will see social menu option. You have to add it from there
Om
Like
Reply
Miguel Gómez says:
Hi!
My name is Miguel and I have trouble with social media icons.
I´m not sure, but I think I deleted that part in the theme and I can´t get them back.
Could you help me?
Thanks!
This is my site: http://www.farmer.com.mx
P.D. Your advices have been so helpful.
Like
Reply
allaboutbasic says:
HI Miguel
if you accidentally deleted code from theme i prefer you reinstall the theme again?
please let me know
Om
Like
Reply
CUSTOMIZER not showing up edit
wp-config.php
In case troubleshooting and disabling your plugins doesn’t help and if you are desperate because you also can’t find other reasons for your issue, then you could try to add the code snippet below to the file wp-config.php of your WordPress installation and it may resolve your issue:
define(‚CONCATENATE_SCRIPTS‘, false)
However, if the customizer in WordPress doesn’t load CSS stylesheets or else, this also may be related to issues within your hosting environment (e.g. insufficient file permissions on your server). If you can’t find the cuplrit of your issue by doing troubleshooting, disabling plugins or adding the mentioned snippet, it may also help to contact your hosting company for further analysis.