Forum Replies Created
-
AuthorPosts
-
frobnMember
A link to your site would help.
frobnMemberThis should change the backgound-color.
.nav-secondary a, .genesis-nav-menu { background-color: #000 !important; }
frobnMemberThe source is showing an inline position:absolute which I can not trace. Try removing the Shiner effect to see if that is causing the problem.
frobnMemberCheck this post:
frobnMemberInstead of using 3 widgets use one full width widget. For the top row use a text widget with two divisions with class="one-half first" and class="one half", for the second row use a text widget.
frobnMemberThe problem is the search in the genesis-nav-menu. On FF the search drops down to a second line at around 1050px and disappears completely at around 1035px. I can think of various fixes using media queries but the easiest fix would be to remove the the search from menu.
frobnMemberYou need to capitalize the font names and remove the spaces
//fonts.googleapis.com/css?family=Poiret+One:400|Josefin+Sans:300,600,600italic,700,700italic
frobnMemberThe front page image covers completely on my 23" monitor.
I made error in leaving out a step for images on inner pages. Add them to the body css selector followed by the background-image for each page that you want a different image on. Put the code at the bottom of your style.css.
Example
body, .post-type-archive-listing { background-image: url(“http://villahols.com/wp-content/uploads/2012/05/LaGuardiaPark_Villa_Pool_5423w-600?—398.jpg”); background-color: #00077b; background-clip: border-box; background-origin: padding-box; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; }
Now change the image for the listing page
.post-type-archive-listing { background-image: url("images/your-image-for-this-page.jpg"); }
frobnMemberSorry about that.
This will align menu items in the center:
#menu-top-menu {text-align:center;}
If you want the top-menu on the far left you can set it there with position:absolute.
frobnMemberThen don't use the header-right widget for your menu.
Select primary or secondary in your menu from Appearance>Menu. I am not sure how that will look.
This will center the menu on a line under the header logo:
.nav-primary ul {clear:both; width:100%; }
frobnMemberYou can put your address in a text widget in the header-right widget and above the custom menu.
You will need to fiddle with the css to center the menu on the new line.
Try this in your style.css:
.nav-primary ul {clear:both; width:100%; }
Its difficult to suggest a solution without seeing the problem you had with the footer.
frobnMemberDo want the header to span the entire width of the page? If so you can comment out 'header'
add_theme_support( 'genesis-structural-wraps', array( ... in functions.phpfrobnMemberYour image does not cover a larger monitor
Add to your style.css
body {background-size: cover;}
if you want to change images for different pages don't use Customizer. You can add a background images in style.css body and select pages.
Example:
body { background-image: url("images/your-image.jpg"); background-color: #00077b; background-clip: border-box; background-origin: padding-box; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; }
To add to your listing page:
.post-type-archive-listing { background-image: url("images/your-image.jpg"); }
August 25, 2015 at 6:19 am in reply to: How to move secondary sidebar above content on mobile devices #163408frobnMemberIn your acquisit/tesnt, at max-width 860px the alt sidebar moves to the top, then content, then primary at the bottom.
From 861px to 1023px the alt sidebar drops below the primary leading me to believe you will find your problem in the query: (max-width: 1023px)
frobnMemberThere are several plugins that allow php in posts, pages and widgets.
frobnMemberUse column code classes:
<div class="one-half first">
<!-- code for badge 1 -->
</div><div class="one-half">
<!-- code for badge 2 -->
</div>August 23, 2015 at 7:38 am in reply to: How to move secondary sidebar above content on mobile devices #163221frobnMemberBesides accuracy media queries are simpler to implement. Reversing the floats on the primary and alternate sidebars at the breakpoint you want should accomplish it.
Thanks Brad.
frobnMemberYour source code shows you are using a plugin for the columns. The example you linked to is not for a plugin. You you can create columns directly by editing your page. When you edit the page select the "Text" tab in the top right corner of the editor.
<div class="one-half first">
your text for column 1
</div><div class="one-half">
text for column 2
</div>I am not familiar with the plugin you are using but it likely uses shortcodes which would go in the "Visual" editor.
August 22, 2015 at 9:33 am in reply to: Custom header and logo for desktop in responsive design? #163144frobnMemberUse a media query
@media only screen and (min-width: 800px) {
/* css for your larger logo & navigation */
}frobnMemberYou can download free photos at Unsplash. Some of the images on StudioPress themes appear to have come from Unsplash.
For high quality stock photos I recommend Dollar Photo Club. You can purchase a one month membership for $10 and download 10 photos. If you use them remember to cancel your membership after you purchase your photos.
-
AuthorPosts