Forum Replies Created
-
AuthorPosts
-
July 10, 2014 at 4:00 am in reply to: Parallax Pro Default logo size is not working on mobile #113719TonyaMember
Hello,
First of all, you don't need to load the background image again, as it is set within your <head> as !important (meaning it will override it). You do need to adjust the height and width as you've done to achieve the size you want. The purpose of the @media queries is to allow us to adjust styling for each mobile device based upon the max-width. It's very common to size down elements as the device becomes smaller.
If you wish to load the smaller logo, please place a '!important' at end of 1835 and 1842 like this:
background: url(http://www.cardzreview.com/wp-content/uploads/2014/07/logo-320.png) no-repeat !important;
I hope this helps.
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHello,
With the Parallax Pro theme, this is the correct positioning for the primary navigation bar. The other option is to uncheck the "Primary Navigation Menu" within Appearance > Menus and then add the Custom Menu widget to the Header Right sidebar within Appearance > Widgets.
If however, you do not want this nav menu to the right of your logo (which is the Header Right area), then you will need to make a change to your functions.php file in order to get the nav menu to position under the header and at 100% width. Open up the functions.php and comment out lines 49 and 50 like so:
remove_action( 'genesis_after_header', 'genesis_do_nav' ); // add_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_nav' );
Cheers
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHello,
For you first question, go to line 1294 in your style.css and reduce the amount of margin-bottom to achieve the spacing you want. For example, here is 10px of spacing between paragraphs:
.entry-content ol, .entry-content p, .entry-content ul, .quote-caption { margin-bottom: 10px; margin-bottom: 1rem; }
For the second question, it looks like you added the image by using adding an action to 'genesis_header' instead of using 'add_theme_support('custom_header', array())'. With the image within the HTML and not set as a background image within the stylesheet, it causes the effect you are seeing. You can still deal with this as it is; however, you'll need to use absolute positioning for the header widget-area to align it on the top right side.
For example, you can make these changes and then adjust as needed:
1. On line line 897:
.site-header .wrap { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 30px 0; padding: 3rem 0; position: relative; /* This is new */ }
2. Add this below:
.site-header .widget-area { position: absolute; top: 0; /* Adjust to where you want it positioned */ right: 0; }
Cheers
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberThere are multiple places that you need to adjust depending upon the look at you want. Let's walk through them one at a time. Open up your style.css file.
At line 872, you can change the padding to be what you want. Note, 40px 0 means 40px on the top and bottom with 0 on left and right:
.site-header .wrap { padding: 0; /* 40px 0; */ }
At line 889, there is also padding at the title-area. If you want you can remove this as well.
.title-area { float: left; padding: 0; /* 10px 0; */ width: 360px; }
Cheers 馃檪
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberBTW, if you're happy with the answer to this thread, please mark it as resolved (it helps us to find the open issues more easily). Thanks 馃檪
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberAha, that will definitely cause the problem. So glad you found it. 馃檪
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberYou're very welcome 馃檪
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberWhat you can do is the following:
1. Using Chrome Developer Tools or Firefox's Firebug, look at the classes in the <body> element.
2. If you are wanting a single page or a couple of pages, then you'd do the following as an example:body.page-id-3009 .site-inner { width: 100%; }
If however you want it for all blog posts but not pages, then you do the following:
body.single .site-inner { width: 100%; }
These changes are made within your style.css file. It's best to adjust them first within your browser to achieve the results you want first. Then once you're happy, you can copy and paste those changes within your style.css file.
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberYes, you can add the following to your style.css file:
img { border: 0; }
Cheers
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHello,
Can you please provide the link to your website so that we can take a look? Thank you 馃檪
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberBTW If you would, please mark this thread as resolved if you are satisfied. Cheers 馃檪
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHi Jesper,
You are very welcome. We are all here to help one another, with nothing expected in return. One day you'll may be in a position to help another here too.
Cheers,
Tonya
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHi,
Sorry for the late response. Busy with family for the holiday. I'll need to see your live site in order to help you with the styling. Are you able to make it live for us?
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHello,
The problem is there is padding around the header image. Here are the changes you can make to make it fill the area (in your style.css file):
line 1039
.site-header .wrap { padding: 0; }
line 1081
.header-full-width .title-area { padding: 0; text-align: center; }
Cheers
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHi,
This tutorial How to Change the Font in Your WordPress Genesis Child Theme will help.
For your theme, as you want to replace the font family with a new one, when you get to step 5, you will search within your style.css file for the old font and then replace each occurrence with the new one.
Cheers
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHi,
I haven't seen that particular pagination class previously. This tutorial should help you: How to Customize the Look (Style) of the Pagination in Your Genesis Child Theme.
Cheers
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHi Lisa,
Using the tutorial that Brad gave to you, just replace .archive with body.home (which is the Blog page). Give that a try.
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHey Dave,
I see that the infinite scroll is now disabled on this category page. Were you able to resolve it?
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHi Dave,
I've got family here right now. I'll run some tests tonight and get back with you.
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHi Dave,
Sorry I missed a the closing ) on the if statement. It should be:
if (is_category('competitions')) return;
Software & Electrical Engineer and Programming Teacher 路 I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp -
AuthorPosts