Community Forums › Forums › Archived Forums › Design Tips and Tricks › Help with Modern Portfolio Pro Theme
Tagged: Modern Portfolio Pro Help
- This topic has 17 replies, 4 voices, and was last updated 8 years, 8 months ago by Tammom.
-
AuthorPosts
-
July 28, 2015 at 9:34 am #160748TammomMember
I could (and have) spent hours on these forums searching for answers - only to have them not work on my client's theme/site. I pray someone can help me in a timely manner. Website: http://www.capturedbyjenilee.com/pro/ & inside page at http://www.capturedbyjenilee.com/pro/contact/
1) I want the primary nav menu centered very close (perhaps 5px) from the top of the page. Then I want the logo centered below it.
2) I do *not* want the logo nor the menu on the homepage (with slider).
3) I need the font for the menu to be a smaller size.
4) There should be a drop-down menu under the “galleries” menu option. I’ve lost the font color of it and don’t know where to look on the CSS for it. The menu font is the correct colors, but the drop-down disappeared.
5) I am going to place a button on the homepage for folks to enter her website. I need this to be an interactive button like the “enter” button on this page: http://www.alittlelongdistance.com/. How do I go about coding that?
Thanks, Tammy
July 28, 2015 at 11:30 am #160768Victor FontModerator1. Add a .nav-primary class to your style.css and set the margin-top: 5px;
2. Add background-position: 50% 0 !important; to .header-image .site-description, .header-image .site-title a at line 951 in style.css.
3. Change the menu font in .genesis-nav-menu a on line 1008 of styles.css.
4. Your sub-menus are hidden. Remove left: -9999px; from .genesis-nav-menu .sub-menu at line 1023.
5. The button you're using as a model is simply a styled hyperlink.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?July 29, 2015 at 8:50 am #160855TammomMemberTHANK YOU Victor, for your assistance. Some things worked, some didn't. Here's where I am now...
1) Homepage still showing the logo (the one in pink) - I want it gone just on the homepage: http://www.capturedbyjenilee.com/pro/
2) Mission accomplished - happy with the results.
3) Got this one!
4) Drop-down is back but needs to be positioned to the right of the link. I have the font size and colors correct, just can't seem to get the position of the drop-down moved a tad below the "galleries" link and to the right.
5) I'm aware of what the non-button is now but I can work with HTML well enough to code this into the page.
6) Forgot this one yesterday - there are two primary menus showing up on the pages: http://www.capturedbyjenilee.com/pro/about/. I don't need the second one and I need the page title moved way up about 20px below the logo.
Again, you're my hero for the day - I truly appreciate your help!
TammyJuly 29, 2015 at 8:51 am #160856TammomMemberOH, and the menu is also showing up on the homepage - I want to hide both the menu and the logo on http://www.capturedbyjenilee.com/pro/
I had this hidden prior to messing with things yesterday and now cannot remember how I had them hidden.
Tammy
August 4, 2015 at 8:31 am #161385TammomMemberVictor or anyone?! I have resolved nearly all of my issues EXCEPT two...
1) REMOVE primary nav from homepage.
2) Move drop-down menu (under galleries) to the right.
Please. I'm begging. HELP!!!
August 4, 2015 at 9:58 am #161389TammomMember#1 has been fixed. Now to figure out how to move #2.
Amazed at the lack of clear and concise directions with a system that is supposed to be so wonderful.
August 4, 2015 at 11:36 am #161398MoodyRivieraMemberEven though I like WordPress and I like Genesis and I like StudioPress, and lots of other software-related things, my biggest complaint is, and has always been, the lack of worthwhile documentation. It's as if we were supposed to have been born knowing all this stuff...it's outrageous...and incredibly annoying...and it really would *not* be that hard for these outfits to create some good documentation...but they just don't do it. And I don't see any signs that it's ever going to change.
*MoodyRiviera*
August 4, 2015 at 8:22 pm #161448TammomMemberRight there with you, MoodyRiviera! What gets me, on top of this, is that I received an email about spending a few hundred more dollars to take a new online "class" to learn how to work with the Genesis system. Or I could hand out additional funds for a Genesis pro to do the work for me. Really??? My client shells out a hundred for a theme, then adds funds for my time...and I have to finally say I will only charge a flat-rate for re-designing the theme to match what my client wants...all because of the HOURS of research & forum searching that it's taken me to figure out how to put her site together correctly. I certainly understand it from the B2B standpoint but I would have *never* agreed to the theme's purchase if I'd have known how the whole thing is run like a lost-and-found box for those of us who work with website coding/designing on a daily basis.
August 4, 2015 at 11:05 pm #161452ChristophMemberHi,
I´m sorry you are having a rough time customizing the theme.
I understand your frustration.
I´m not sure it calls for your diatribe.Your changes to the css caused the drop down menu to break; more specifically using a non-existing value in line 1086
.genesis-nav-menu .menu-item:hover > .sub-menu { center: auto; opacity: 1; }
center: auto;
does not exist.Changing that back to the original
left: auto;
and re-insertingleft: -9999px; opacity: 0;
after line 1037
.genesis-nav-menu .sub-menu {
should fix the sub-menu (drop down menu) to work as expected again.
To prevent the sub-menu from "sitting on" the gallery menu item and to move it a bit to the right, increase the padding in
.genesis-nav-menu a {
around line 1021
topadding: 10px 23px;
I'd recommend to use display: none; instead of setting the font-sizes to zero or using text-indent: -9999px to hide the navigation on the front page.
( The recommended way would be to remove the navigation conditionally on the front page/home page)float: center;
is not a valid value for float.
Your style.css seems to end after a selector begins around line 1755 and would be missing about 360 lines of code.I´d also recommend to run the site through Google's mobile ready test. The font sizes and distances for the menu items might be too small for tapping devices.
Good luck.
August 5, 2015 at 7:49 am #161479TammomMemberThank you, Christoph! If the diatribe offended you, my apologies. But my frustration level is reaching its peak. I've been at this for three weeks and went through the tutorials, the code snippets and whatever forum searches I could do just to get to the point of having something to show to my client. Messing around with the style.css, one number or item at a time was the only way I could find/try answers that others have suggested here in the forums.
First, I ran a check with Google and the font must be fine as the pages I tested came back as mobile friendly.
Second, I implemented the suggestions you had and they all worked.
I replaced the rest of the style sheet - no clue how that got deleted.
Only two design issues remain:
1) The sub-menu never disappears. It should only appear when a person hovers over the "galleries" link.
2) There is too much space between the logo and the page title.
If you could assist me with these issues, I would appreciate it.
TammyAugust 5, 2015 at 8:00 am #161482TammomMemberCorrection - I went back and replaced the "should fix the sub-menu (drop down menu) to work as expected again." and although the sub-menu is no longer constantly showing - it's not showing at all!
How do I get it back?
Thanks in advance, TammyAugust 5, 2015 at 8:02 am #161484TammomMemberCorrection again, it's back and just fine. Whew. Now I can hunt and peck for the spacing issue.
TammyAugust 5, 2015 at 11:10 am #161498ChristophMemberHi Tammy,
no worries. No offense taken.
Like I said, I do understand your frustration.
I´m happy to help.Glad Google mobile-ready is passing. Better safe, than sorry. 🙂
For the distance between logo and page title check Line 968
.header-image .site-title a { min-height: 360px;
August 5, 2015 at 11:32 am #161502TammomMemberChristoph - you are a gentleman and a scholar. Worked perfectly and now the 'bones' of the design are just where my client wants them.
Truly appreciate your tutelage,
TammyAugust 11, 2015 at 9:02 am #162029TammomMemberChristoph (or anyone with answers), I need to change the site background from white to my client's color choice. I have changed a number of colors in the style.css but nothing is changing the background color for the entire site. I even tried (using the instructions and/or tutorials) changing the color on the page itself (near the bottom of the page, where the space is for a background color) to no avail.
Tammy
August 11, 2015 at 1:43 pm #162067ChristophMemberHi Tammy,
you can try
.site-container { background-color: #******; }
August 12, 2015 at 8:28 am #162136TammomMemberThanks again, Christoph. Adding this code wipes out the homepage slider, which was built using a non-Genesis plugin (suggested by a different Genesis pro). But it does work on the other pages!
I need it to work for all pages except the homepage and the blog page. Not sure how to write the CSS code to leave those two off of changing the background color on the rest of the site's pages.
Tammy
August 18, 2015 at 7:28 am #162731TammomMemberCan anyone help me with this page background color coding? PLEASE?!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.