Help with Customizing our Ampersand Theme Site
-
Hello!
We are using the Ampersand Theme. Before we launch it as our full site, we have three customizing questions:
1. Can we change the color of the font in the drop down menu? We would like to change the drop down menu to white and the font to a dark gray.
2. Can we make the arrows beside the scrolling portfolio on the homepage permanently visible? We like the option to scroll, but we would like to make these arrows permanently visible.
3. Can we make the featured images visible only in header background. We think this is a really cool feature, but would prefer they not be automatically shown in the body of the page/post.
Thanks in advance for any help we can get!
The blog I need help with is: (visible only to logged in users)
-
Hi there,
1. Can we change the color of the font in the drop down menu? We would like to change the drop down menu to white and the font to a dark gray.
These will let you change the non-hover and hover color on the submenus.
.main-navigation ul ul a { color: #cc0000; } .main-navigation ul ul a:hover { color: #22dd44; }2. Can we make the arrows beside the scrolling portfolio on the homepage permanently visible? We like the option to scroll, but we would like to make these arrows permanently visible.
The following will make them visible all the time, but the movement when hovered will stay on hover.
.flexslider .flex-next, .flexslider .flex-prev { opacity: 1 !important; }3. Can we make the featured images visible only in header background. We think this is a really cool feature, but would prefer they not be automatically shown in the body of the page/post.
Are you talking about like on the Youth Ministry page? If so, the following will hide the featured image from the body of the post.
#content .post-content .post-featured-image { display: none; } -
Awesome! Thank you so, so much. These work perfectly. If it’s ok, I have a few additional questions. This is so awesome, I just have to ask!
The first two relate to embedding Google Calendar and mobile functionality.
First, the calendar is being “cut off” when we look it at it on an iPhone or mobile device. The height is fine, but you cannot see the calendar for Friday-Saturday. Is there a way to solve this?
Second, when we click on an event within the Calendar it simply flashes briefly. Again, this is on the mobile version. Is there a way to solve this?
The next two relate to the portfolio function.
Third, we would love for the portfolio images to appear above the text when looking on a mobile device. The page order would then be header, image, text, portfolio slider, footer. Does that make sense? Is this possible?
Fourth, we were just curious if it is possible for the portfolio images to scroll/loop automatically, like a rotating banner. Is that possible?
The last question is one I’m just curious about.
The image on the “Our Staff” page looks perfectly proportional on a mobile device, but an image of the same size on the “Youth Ministry” page looks offset. Both are right justified, but I’m just wondering why they appear differently.
Thank you so much! You are such a tremendous help!
-
Never mind on the last question. I figured it out. The first four I would still love insight on, however.
-
Hi Pastor David,
I’m taking a look at the issues with calendar embeds and I’ll have an update for you within the next day or so.
-
Hi David,
The issue with the Google Calendar on an iPhone is an ongoing issue and we’ve contacted Google about it.
In the meantime, you can use a work around to display a daily agenda calendar on smaller screens. This thread as more details:
https://en.forums.wordpress.com/topic/responsive-calendar?replies=5
If you have any other questions, please let me know.
- The topic ‘Help with Customizing our Ampersand Theme Site’ is closed to new replies.
WordPress.com Forums 