Hello,
Could someone tell me how I could just keep the top menu and hide the menu that appears in the header section. Also, how would I be able to hide the page title?
Thanks!
Hide Menu and Hide Page Title for Pitch Theme
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi BFPS
Please try the following under Appearance > Custom CSS:
/* Main Menu */ #mainmenu { display: none; } /* Titles */ .page #post-single h1.post-title { display: none; } /* Fonts */ body { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { font-family: 'Droid Sans', sans-serif; }Edit as required, hope that helps.
NIce. What code would I need to enter in order to assign a specific text size?
For sure. That would look like this:
/* Fonts */ body { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 12px; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { font-family: 'Droid Sans', sans-serif; } .entry-content h1 { font-size: 1.8em; } .entry-content h2 { font-size: 1.7em; } .entry-content h3 { font-size: 1.6em; } .entry-content h4 { font-size: 1.45em; } .entry-content h5 { font-size: 1.375em; } .entry-content h6 { font-size: 1.2em; }Remove the initial fonts section I sent and replace with this one.
Thanks, Andrew. I’ll let you know if anything else.
For sure. All the best with your site.
I knew I forgot one thing…for the top menu, how can I increase the text size?
For sure, here we go:
/* Top Bar */ #topbar { font-size: 11px; }Ref: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/
I added some sub links in the top menu that appear when you hover over with the mouse, but the text appears centered. How can I left-align that?
Thanks
Sure.
ul#topbar-menu ul.sub-menu .sub-wrapper { padding: 4px 10px; text-align: left; }4px is top and bottom padding. 10px is left and right padding. Adjust as required.
Is there a way to add mouseover highlighting to the menu?
One more thing, Andrew. I'm sorry to be a bother, but I was waiting for a response on this thread topic:
Thread: Pitch Theme: How do I merge the Portfolio Home Page with another page?
If it doesn't make sense to you (the way I wrote it), please let me know.
Hi BFPS
It can be done but will take a little doing:
#topbar { padding: 0; } #topbar-menu li.menu-item { margin-left: 0; } #topbar-menu li.menu-item a { display: block; padding: 10px; } #topbar-menu li.menu-item a:hover { background: red; }Edit as required.
I have everything all set to go, including the slideshow up top, but of course, there's always something else. The drop down menu for some reason appears underneath the slideshow. i tried the code you gave someone in this thread:
https://siteorigin.com/thread/origami-drop-down-menus-appearing-behind-slider-element/,
but it had no effect.
Thanks for your patience, Andrew.
Nevermind, Andrew. What I did was just test if the Meta Slider did the same thing and it worked, so I deleted the Site Origin one. Maybe you can submit that as bug to fix. Thanks
Glad to hear you made progress. If you’d like I could take another look at the problem, just let me know in that case. The CSS provided above was for Origami so I’m not sure that would work out the box.
Sure, just go to: http://www.bandfps.com
While you're there, could you please let me know how I could fix the following aesthetic problems?
1.) Is there a way to differentiate the text in the title and subtitle sections of the call-to-action widget? They both look the same.
2.) How can I reduce that large gap between where it says "Below is a list of professional services we currently provide:" and the bullet points?
3.) I know how to add the border color around the bullet points section,
but is there a way to also have visible column lines separating the sections?
4.) I took a look at the site on my mobile phone last night for the first time and it was disappointing. Is there anything I can do to make it more mobile compatible?
Thanks, Andrew.
Thanks.
You can try something like this:
ul#topbar-menu ul.sub-menu { z-index: 1000;}to handle the overlap issue. I’d need to see it with the original slider up to test.
Please take a look at our Custom CSS tutorial, it’s the way forward if you’d like to tweak themes:
https://siteorigin.com/basics/modifying-theme-design-with-custom-css/. We do our best to help out with small customisations but don’t official offer a customisation service.
1. Try adjusting from:
/* CTA Line One */.sow-cta-base .sow-cta-text h4 {font-size: 1.45em;}/* CTA Line Two */.sow-cta-base .sow-cta-text h5 {font-size: 1.375em;}2. Try the following:
/* Home */#panel-12-0-0-3 { margin-bottom: -40px;}3. Try the following:
#pg-12-1 .textwidget > ul {border-right: 1px solid #ccc;padding-right: 10px;margin-right: 10px;}4. Pitch is unfortunately not a responsive theme. You could try adding a plugin like Jetpack Mobile Theme to help out.
(In the event you’d prefer to run our Vantage theme in the future, we can migrate your license. We also have a new theme out called Aviator: http://wordpress.org/themes/aviator. Basically Pitch 2.0. It’s most responsive. Everything will be cleaned up on mobile once the theme reaches 1.0. I don’t have a release date for that just yet).
All the coding seems to be working except for the #3. I even tried going up as much as -80 and it has no effect.
For the one that didn’t work, try editing that row or widget, click Attributes on the right and enter the following into the CSS Styles field:
You are the best. Thanks so much.
Win!
Happy Friday, Andrew :) This was more of an inquiry rather than an issue…is there a plugin you're aware of that mimics the "scroll to top"
arrow that appears on the lower portion of the page like in the Vantage theme?
To you too.
I’ve never used one before but that’d be pretty easy to release as a plugin. Here are a few options you might consider:
https://wordpress.org/plugins/search.php?q=scroll+to+top
Hey Andrew,
Do you know how I could insert javascript code for Google's translate button inside of the top menu, but aligned to the far left side?
Hi. That would unfortunately require some custom development. You’d need to create a child theme (https://codex.wordpress.org/Child_Themes) and copy header.php into the child theme folder. From there you could add your script to the top bar div as required.
There might be a plugin that can help out with this. At first glance I couldn’t find one though.