Forum Replies Created
-
Posts
-
Yes, in your .css
/* Typographical Elements --------------------------------------------- */ body { background-color: #f5f5f5; color: #444; font-family: 'comic sans ms', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.625; }In this code, I changed your font to Comic Sans. Changes site wide. Pick a font you want.
There are tons of tutorials for web fonts:
How to Use Google Web Fonts With Your Genesis-Powered Website
http://yivva.com/installing-google-fonts-best-way/Studio Press has some fantastic tutorials on the website.
It is in your functions.php file.
Look for something like this:
//* Add support for custom header add_theme_support( 'custom-header', array( 'header-selector' => '.site-title a', 'header-text' => false, 'height' => 200, 'width' => 960, ) );You adjust the "height" and "width" for your desired image. Then you upload the properly formatted image to your media library, and using the customizer, add the image as your site header.
I am using two themes from Appfinite. He is a third party developer for websites, and has a couple on the Studio Press themes page. I love his Epik theme. Newer additions just came out and the nice thing is they include lots of widget options, portfolio, and so on.... more than I need..but nice to know your theme will handle anything you might need in the future. His support is tops.
Appfinite has some great designs. Newest is the Guru or the Ambiton. Lots of wigetized areas, full width home page image. His support is very good, personal, and prompt.
Custom Header Image
Uploading a New Header Image
If you prefer a Logo Image rather than a text-based Site Title, it is possible to use a small logo image that will display in the upper left corner of the site.Navigate to Appearance > Header in your WordPress admin panel.
Click Browse, and navigate to the image you would like to use for a Logo.
Note: Images of exactly 300 ?— 100 pixels will give the best results. Other sizes will be cropped in the upload process to create an image of the correct size.Click Upload to copy the image from your computer to your website.
Be sure to click the Save Changes button to preserve your changes.Perhaps try changing the .css to eliminate the background color. It's mustard yellow...put it to none.
body { background-color: none; color: #666; font-family: 'EB Garamond', serif; font-size: 16px; font-weight: 400; line-height: 1.625; }Use Xampp to create a local host on your computer, which is what developers use. It allows you to operate everything as if it were a "live" site, but it's strictly on your computer. When you have crafted your website to your liking, then you can FTP it to your host provider. There are a ton of instructions, videos, etc. out there to show you how to properly set it up.
Or you could use someting which is fairly easy: Instant Word Press. http://www.instantwp.com/
This is extremely easy. It was developed by a school teacher who needed a way for a full classroom of students to build and work on website development, and it was impractical to have that many kids on the "live" web server. You can run your website from a flash drive, and take it with you.
Don't know what "instructions sent" mean...but did you add the image dimensions to your functions.php file?
Something like this://* Add support for custom header add_theme_support( 'custom-header', array( 'flex-height' => true, 'width' => 960, 'height' => 200, 'header-selector' => '.site-title a', 'header-text' => false, ) );You change the "width" and "height" to match the size of the image you have made for your header. So in my example, I have a full width header image. You can make it what you want.
Try on development site.....if you type something wrong you will get white screen of death.
functhions.php (change the section which looks like this, change the 4 to a 2)
//* Add support for 2-column footer widgets add_theme_support( 'genesis-footer-widgets', 2 ); Next you need to change the style.css so your widget is formatted. /* Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #222; color: #ccc; clear: both; font-size: 14px; padding: 60px 0 0px; } .footer-widgets input { border: 1px solid #333; } .footer-widgets .entry-meta a:hover, .footer-widgets a:hover { color: #fff; } .footer-widgets-1, .footer-widgets-2 { width: 50%; padding: 1%; } .footer-widgets-1 { float: left; } .footer-widgets-2 { float: right; }Unless you are doing the website for a friend, family, or some dear to your heart cause or organization...a customer should not balk at that low cost.
When we had our website done, most people we contacted to build it wanted a minimum of $1000 for a basic website with 5 pages. More was, well, more. The highest bid for a website was $5000. Mind you, ours was a small local business with no on-line selling, etc. Just a newsletter, calendar, and some basic contact stuff.
$100 for a theme is cheap. You also must consider hosting and the domain name, obviously, for the basics. You could use a "free theme", but many of those are not as capable as Genesis. The biggest expense is the time involved for the person to build the site to meet the client's needs. Paying for themes supports the developer.
I don't mind paying for a good theme, and I believe Genesis and the long shopping list of Child Themes are unsurpassed.
I used the "Slick Nav" code I found on WP Beaches.
https://wpbeaches.com/using-slick-responsive-menus-genesis-child-theme/
There is a plugin also, but I did the code, not the plugin.
.home .genesis-nav-menu { display: none; }Change the .genesis-nav-menu to whatever your third menu is. Your site is not showing it.
/* 6 ---------------------- Font - Forum and category lists --------------------------*/ #bbpress-forums .bbp-forum-title { font-size: 20px ;Just adjust the font size in your forum .css. Use "inspect element" while looking at your site and play with a size.
Simple. You edit your .css to change the color to what you want. Find this part of your style.css which deals with the theme colors:
/* News Pro Blue --------------------------------------------- */ .news-pro-blue .entry-title a:hover, .news-pro-blue .footer-widgets a:hover, .news-pro-blue .site-footer a:hover, .news-pro-blue a { color: #27a3d1; } .news-pro-blue .entry-title a, .news-pro-blue .genesis-nav-menu a, .news-pro-blue .sidebar .widget-title a, .news-pro-blue .site-title a, .news-pro-blue .site-title a:hover, .news-pro-blue a:hover { color: #000; } .news-pro-blue .button, .news-pro-blue .button:hover, .news-pro-blue .footer-widgets a, .news-pro-blue .genesis-nav-menu .current-menu-item > a, .news-pro-blue .genesis-nav-menu a:hover { color: #fff; } .news-pro-blue .site-footer a { color: #aaa; } .news-pro-blue .archive-pagination li a:hover, .news-pro-blue .archive-pagination li.active a, .news-pro-blue .button:hover, .news-pro-blue .enews-widget input[type="submit"], .news-pro-blue .entry-content .button:hover, .news-pro-blue .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a, .news-pro-blue button:hover, .news-pro-blue input:hover[type="button"], .news-pro-blue input:hover[type="reset"], .news-pro-blue input:hover[type="submit"] { background-color: #27a3d1; } .news-pro-blue .enews-widget input:hover[type="submit"] { background-color: #f5f5f5; } .news-pro-blue .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:hover { background-color: #fff; }There is a "green", "blue", "pink" and "orange". Now you have two choices. Edit the color which you would never use (perhaps pink?) and change the existing color HEX code to your preverence,
Such as "background-color: #e81857"...change it to something else. Do that for that "section" of the code (Pink). Now when you select that color option on your Admin Custom color choices, the
new color will show.The second way, is to cut-paste the section (copy) and then rename it to your favoite color, actually adding a new block of color code to the theme.
You must ALSO go to your theme functions.php file and ADD that section to your color choices (again, copy an existing line and add, then change the name of the color). By doing this, you
have a new color choice.Be aware of choosing colors as to how they affect hover and menus.
.page-id-44 .entry-title { display: none; }This does not work on the "home" page. Only on inner pages. Use your page source to find out what the number is (page id) on the specific page you
wish to remove the heading (called the entry title).Add this code to your style.css. You can add mutilpe page id's if you wish to do more than one page.
I think if you omit the page id and simply use .entry-title, it turns them off on all pages..author-box { background-color: #fff; font-size: 16px; margin-bottom: 40px; padding: 40px; }Line 628 of your .css change "background-color.... " to :
display: none;
It will make the white box go away. May affect other pages...did not check your entire site.
I have used this plugin without coding.
.front-page-1 button, .front-page-1 input[type="button"], .front-page-1 input[type="reset"], .front-page-1 input[type="submit"], .front-page-1 .entry-content a.button, .front-page-1 .entry-content a.more-link { border: 1px solid #fff; color: #ff0000; margin-top: 40px; } .content .front-page-1 .widget a.button:hover, .content .front-page-1 .widget a.button:focus, .front-page-1 button:hover, .front-page-1 button:focus, .front-page-1 input:hover[type="button"], .front-page-1 input:focus[type="button"], .front-page-1 input:hover[type="reset"], .front-page-1 input:focus[type="reset"], .front-page-1 input:hover[type="submit"], .front-page-1 input:focus[type="submit"], .front-page-1 .entry-content a.button:hover, .front-page-1 .entry-content a.button:focus, .front-page-1 .entry-content a.more-link:hover, .front-page-1 .entry-content a.more-link:focus { border: 1px solid #fff; background-color: #0000ff; color: #333;The above code begins at line 142 of your .css. Change the colors as you wish. The above example is RED text and BLUE background on hover.