Forum Replies Created
-
AuthorPosts
-
March 3, 2015 at 9:45 pm in reply to: Unable to Figure Out Issues with Pricing Table in Parallax Pro #143135susantaParticipant
I see. Actually, I got in touch with Andrea from Nuts&Bolts via Twitter yesterday and she suggested the following changes:
Add clear: both; to .pricing-table and that should take care of it.
Twitter: https://twitter.com/nutsandbolts/status/572595008303312896
But the text below the table was having some issues which could be sorted out with your advice.
Thanks,
March 3, 2015 at 8:42 pm in reply to: Unable to Figure Out Issues with Pricing Table in Parallax Pro #143125susantaParticipantThank you very much, victor! It works!
March 2, 2015 at 8:54 pm in reply to: Unable to Figure Out Issues with Pricing Table in Parallax Pro #142969susantaParticipantThanks for your reply, Victor! I have also tried changing the fonts to its default them font in order to see if Google fonts plugin was causing the error. But the error won't go away. I have also done you have suggested but the error is still there. So I reverted to the changes.
There's some text under the table that reads "Limited Seats: We only take 5 candidates per batch and there will be only two batches for next three months. So, it pays to be an early bird."
If you look at the same text on the troubled site, you will see it's breaking up. My assumption is this is not happening due to a font error; there's something else that's causing this error. Otherwise, reverting to the theme's default font would have sorted out this error.
Could you please have a closer look at the error and help me fix this!
Appreciate your support!
Thanks,
susantaParticipantUpdate: I was able to fix the second issue as well.
I used the following code under the media queries.
.entry-title {
font-size: 28px;
}susantaParticipantI actually ended up using a plugin instead. Thanks for your help though.
susantaParticipantHi Carlo,
Thanks for your help, but I'm afraid it doesn't seem to work the way I wish. The hamburger is not properly aligned when i replace the code as suggested. Plus, it's jumping upon click.
What I'm basically looking to achieve is something like this: http://responsive.nutsandboltsmedia.com/?url=bourncreative.com
Thoughts?
susantaParticipantHi Susan,
Can you please help me with this?
I would like to hamburger menu on my site (http://topleaguetech.com/) to appear beside the site-title (no the right hand side to be precise). Currently, it's appearing on it's default position i.e, below the site-title.
I have been searching for this solution but haven't yet seen any tutorial addressing this exact need of mine. Please, let me know if there are any changes to be done in the functions.php, mobilemenu.js file or css file of my theme (parallax pro).
Thanks in advance!
susantaParticipantHere's an update: I was able to find out the issue with p.intro.
I'm using a Google Fonts plugin and I had used a custom code for the p.intro which was overriding the code in the main css file. I removed the custom code and it's working fine.
I still have issue with the H2's though. Thanks
susantaParticipantHi Jacek,
You have an awesome website.
To display featured images above post titles, please add the following code to your functions.php file:
//* Display Featured Images above Post Titles
add_action( 'genesis_before_entry', 'sk_featured_image_above_title' );
function sk_featured_image_above_title() {
if ( ! is_home() ) {
return;
}remove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );
add_action( 'genesis_entry_header', 'sk_featured_image', 9 );
}susantaParticipantHere are some screenshots to help you understand the issues I'm talking about: I will compare badlywired.com with my site for the sake of explaining what I'm trying to say here:
Screenshots of Headers in BadlyWired on Desktop (font size: 36px) (See Screenshots Here: http://bit.ly/1zqBBrm)
Screenshots of Headers in BadlyWired on Mobile Devices (font size: 20px) (See Screenshots Here: http://bit.ly/1DSILGkVs.
Screenshots of Headers on my site on Desktop (font size: 32px) (See Screenshots Here: http://bit.ly/17Y3N9q
Screenshots of Headers on my site on Mobile Devices (font size: 32px) (See Screenshots Here: http://bit.ly/1uhkq4v)Hope this helps. Appreciate your thoughts!
susantaParticipantThanks! I will check it out and see if I can really add the same to my site. Been struggling with it of late!
susantaParticipantHello Marcy,
The site navigation on my site (running on Parallax Pro v 1.2) is either missing or hidden when viewed on mobile devices. Can you help me fix this please?
Site: http://seo-contentwriter.com/
Thanks,
susantaParticipantOoops! Looks like I tagged another member inadvertently.....by JR I meant @jrricker 🙂
susantaParticipant@JR Thanks for your feedback on my site! I have used the Genesis Extended e-News Plugin. Yes, I have made quite a few changes in the CSS to achieve the desired look. Please, let me know if I help you with anything - I will try my best. Can I have a look at your site?
susantaParticipantThanks Jackie! It means so much to have a mentor around. May you succeed in everything you pursue in your life! Amen!
susantaParticipantAs per my observation, the designer of theme must have intended two types of buttons (although a webmaster can modify it as per her own choice).
#1 - All buttons on home page have the following features:
A - They are transparent until over
B - They have borders (black or white depending on the background color of the widgets)
C - They become highlighted on hover (black or white depending on the background color of the widgets)#2 - All buttons that are NOT on the home page have the following features:
A - They are NOT transparent on default (http://demo.studiopress.com/parallax/contact/?color=blue)
B - They do NOT have any border at all
C - They become blue on hover (because that's the thing about blue theme)Hope this helps. Thanks!
susantaParticipantThanks a lot for your help with this, Andrea!
While it's working now, the newly added code still seems to be interfering with the the them design:
Here are some example:
http://seo-contentwriter.com/contact-us/ (The Text is Invisible Until Hover)
Plus, it's displaying the red color on hover. Technically, it's inconsistent with the rest of the buttons on other pages and archives, which are blue on hover.
You can compared the following examples and find it for yourself:
The button is working well on the achieves: http://seo-contentwriter.com/social-media/ (matches the blue theme)
The button is working well on the posts but is inconsistent with the theme chosen: http://seo-contentwriter.com/blog/optimize-seo-content-google-webmaster-tools/
And, as explained above, the button on the contact us page neither matches the theme color nor shows the text until hover: http://seo-contentwriter.com/contact-us/
Thanks,
susantaParticipantThe ones with border that are white on hover - They are no problem with them
The ones that back with no hover state and no border - They are due to the CSS issue.
As per the demo theme, the buttons displayed on the home page that have a border and remain transparent until hover.
Likewise, the demo theme also says the buttons for internal pages, archives, and posts should have NO border, have black background, and blue on hover (I have chosen the blue theme).Currently, there is not issue with the home page display. However, if you look at this URL on my website: http://seo-contentwriter.com/about/our-team-of-writers/, something is seriously wrong.
FYI, I have pasted the following code immediately after last line of the CSS:
.button:hover {
background-color: #44ace8;
border: none;
color: #fff;
cursor: pointer;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
padding: 20px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
}Can you tell me the correct code please? All I need is the button to work in the internal page the way that is consistent with the intended design of the theme. I wonder why the developer of the theme even missed such a basic feature.
susantaParticipantHello Andrea,
With regards to the button, I copied and pasted the combined codes you suggested to BlueNinja above. My aim was make the buttons in the internal pages work properly. However, apparently, this is interfering with the home pages buttons now. Could you please take a look and help me? Thanks!
As you can see, I have the code after the last line in the CSS.
.footer-widgets a.button,
.home-even a.button,
.home-odd a.button {
clear: both;
display: inline-block;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
margin-top: 20px;
padding: 15px 25px;
text-transform: uppercase;
}
.footer-widgets a.button:hover,
.home-odd a.button:hover {
background-color: #fff;
color: #000 !important;
}
.button {
clear: both;
display: inline-block;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
margin-top: 20px;
padding: 15px 25px;
text-transform: uppercase;
background-color: #000;
color: #fff !important;
}It might be possible I will have found a solution but I'm not sure about this. I keep doing things on a trial and error fashion. Thanks!
susantaParticipantThanks for the help! I appreciate it!
-
AuthorPosts