Forum Replies Created
-
AuthorPosts
-
managerMember
Hi Brad,
We have used Outreach theme to build for my client since last year. Now, my client wants to set an ecommerce on the website. I am wondering would the WooCommerce and the WooCommerce Genesis Connect plugin be workable on Outreach Theme. Or is there any other suggestions?
Thank you for your help.
RegardsmanagerMemberHi there
I have recently discovered the solution for my header responsiveness issue. My header logo is now auto adjusted. I found a good tutorial web on KeyPressWP by Tom Hickey. Here is the link that I followed although it is for Executive Pro but it also seems to work with Outreach Pro theme, in my case anyway.
http://keypresswp.com/full-width-responsive-header-logo-image-for-executive-pro/
Many thanks to Tom Hickey and John Sundberg.
managerMemberHi Jan
Thank you very much for your attention to this issue. I am just be able to get into my works now. I tried your suggestion but it didn't work for me. The header still is having problem with the devices that has width 768 and up.
What I changed was to replace all codes from style.css in the Responsive Menu section with the code from srikat in GitHub Gist as shown below in (A) and (B).
Also, in the @media only screen and (max-width: 600px), I replaced
.responsive-menu {
display: none;
}#responsive-menu-icon {
display: block;
}
with the recommendation from srikat which is
#responsive-menu-icon-header,
#responsive-menu-icon-nav {
display: block;
}
}
I still leaves other parts in this section as the original is.(A) #responsive-menu-icon-header,
#responsive-menu-icon-nav {
cursor: pointer;
display: none;
}(B) #responsive-menu-icon-header::before,
#responsive-menu-icon-nav::before {
-webkit-font-smoothing: antialiased;
color: #fff;
content: "\e00e";
font-family: 'Icon';
font-size: 16px;
font-size: 1.6rem;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
margin: 0 auto;
speak: none;
text-transform: none;
}managerMemberHi Nick,
Thank you very much for your wisdom. I tried your recommendations in the css stylesheet but it didn't work for me so I am not sure I did it correctly. I have pasted as per following. Please let me know where I made a mistake. Thank you once again.
@media only screen and (max-width: 1023px) {.wrap {
max-width: 768px;
}
.header-image .site-title > a{
float: left;
min-height: 180px;
width: 100%;
}.site-title a{
background: url("http://armidaletreegroup.org.au/wp-content/uploads/cropped-arm-tree-group-header-150-v2.png") repeat-x;
background-size: contain;
}
.content,
.content-sidebar-sidebar .content,
.content-sidebar-sidebar .content-sidebar-wrap,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.sidebar-content-sidebar .content,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-primary,
.sidebar-secondary,
.sidebar-sidebar-content .content,
.sidebar-sidebar-content .content-sidebar-wrap,
.site-header .widget-area,
.title-area {
width: 100%;
}.site-header .wrap {
padding: 20px 5% 16px;
padding: 2rem 5% 1.6rem;
}.header-image .site-title a {
background-position: top !important;
}.genesis-nav-menu li,
.site-header .search-form,
.site-header ul.genesis-nav-menu {
float: none;
}.genesis-nav-menu,
.nav-primary,
.site-description,
.site-header .search-form,
.site-header .title-area,
.site-header .widget-area,
.site-title {
text-align: center;
}.site-header .simple-social-icons .alignleft,
.site-header .simple-social-icons .alignright,
.site-header .simple-social-icons ul li {
display: inline-block;
float: none;
text-align: center;
}.genesis-nav-menu a,
.genesis-nav-menu > .first > a,
.genesis-nav-menu > .last > a {
padding: 18px 12px;
padding: 1.8rem 1.2rem;
}.site-header .search-form {
margin: 16px auto;
margin: 1.6rem auto;
}.genesis-nav-menu li.right {
display: none;
}.sub-footer-left {
width: 520px;
}.footer-widgets-1,
.footer-widgets-2 {
margin-right: 0;
}}
managerMemberThanks. So we are not too worry about this issue.
managerMemberHi Nutsandbolts
Thank you very much for your reply.
It is actually an old version, Internet Explorer 8, sorry we just realised. Perhaps it is too old version that is why not showing like other browsers. What is your opinion?
managerMemberHi Susan
Referring your suggestion to connect Google + to your website, Go to Genesis > Theme Settings > Header Scripts > add it in there. I've added the code as directed by Google+ Google+ in the area where your recommendation is in the Genesis Theme Settings and then clicked "Test Website". This warning appears "Check that the line of code was added to your site's homepage and that the modified homepage is live on your site. Then try testing again." So I am not sure whether I've done correctly. I didn't get the confirmation message.
This link website is in the About page under Links section.
managerMemberHi there,
I could fix one issue that is I could span the text on sub-footer-left widget to the full length by amending the width in .sub-footer-left to 1140 px and .sub-footer-right to 0 px as follows. The text covers the full width which is what I want.
.sub-footer-left {
float: left;
width: 1140px;
color: #fff !important;
column-count:3;
}.sub-footer-right {
float: right;
font-size: 14px;
font-size: 1.4rem;
width: 0px;
color: #fff !important;
}
However, I need to make the text is better to read. How can I split the text into 2 columns or 3 columns? I've done a research from W3schools.com which recommends like following:div
{
-webkit-column-count:3; /* Chrome, Safari, Opera */
-moz-column-count:3; /* Firefox */
column-count:3;
}How do I adapt the code into this element?
ThanksMarch 3, 2014 at 7:11 pm in reply to: Show Content in Sub Footer-left and -right widgets only on the Home page #93298managerMemberHi Anitac,
Thank you for your recommendation. I added Widget Logic plugin at the moment and it works as what we want.
Regards,
managerMemberHi Davinder,
Thank you for the reply.
In our case, we loaded thumbnail images on a Page with content. If a user clicks on the image loaded in that Page, another page showing that image with its title, that set out in the Medial Gallery, is shown. So it has drawn the user out from the Page that he/she was reading.
At least, if it is possible, the user should stay at the Page where the image was clicked...be static or not moving to another page. I hope I clearly explain what we are trying to achieve.
Thank you once again and Regards
managerMemberHi Brad,
Brilliant....all thumbnail resizes as desired. I downloaded a regenerate thumbnails plug-in.
Thank you very much.
Regards 馃檪managerMemberHi Brad,
Thank you for your solutions. I was trying the last option which changed in the Settings > Media because it should be easier than the first option.
So I changed in the Media Settings > Image Size > Thumbnail Size to width: 200 and height: 200.
But when I clicked to test the result
- "Add Media" from a Page then
- Insert Media in Media Library page and chose an image
- at Attachment Display Settings, Thumbnail size remains default at 150 x 150It seems not connect to the amendment in the Media Setting earlier made. I am sorry I couldn't paste the result here. I was trying to paste them on the post but it didn't work.
Thank you.
RegardsmanagerMemberHI Davinder,
Thank you for your recommendation. I am sorry that I may not explain my problem clear enough in my earlier post.
If it is possible we like to use the similar concept of the feature page widget that once a user clicks on the image it goes to the webpage of that image links to. In this case, if a user clicks on the image that posted on the webpage, it should go to the webpage of that image links to ie wholesale or retail webpage or at least staying at the same webpage where that image posted. But not showing a bigger image.
I was trying to use .... but obviously I fails.. 馃檨
Regards
managerMemberHi essaysnark,
It is easier to change the footer as what you recommended. Thank you. I just simply put the text in as per my customer wants.
Regards
managerMemberHi there,
Thank you for the recommendation. I copied and pasted from the recommended link by chillybin and it consequently has amended to
Copyright 漏 2014 路 My Custom Link 路 Built on the Genesis Framework
However, I am wondering shouldn't the "My Custom Link" be replaced by the web address URL or it should be as the above shown. I also copied the snippets that was added in functions.php as below. Could you please give me a recommendation how to amend it properly if I want to show the web address next to the copyright?
WordPress Address (URL) : http://armidaletreegroup.org.au
Site Address (URL): http://armidaletreegroup.org.auMany thanks and regards
//* Customize the credits
add_filter( 'genesis_footer_creds_text', 'sp_footer_creds_text' );
function sp_footer_creds_text() {
echo '<div class="creds"><p>';
echo 'Copyright © ';
echo date('2014');
echo ' · My Custom Link · Built on the Genesis Framework';
echo '</p></div>';
}managerMemberHi there,
I am using Outreach Pro theme and I also like to amend the copyright to match with my client's copyright policy. I am not sure should I follow the above suggestion of Chillybin Web Design. At present, there is a default copyright footer as below:
Copyright 漏 2014 路 Outreach Pro Theme on Genesis Framework 路 WordPress 路 Log out
Thank you.
February 5, 2014 at 4:53 am in reply to: Change Font Colour in Sub Footer Left Widget in Outreach Pro Theme #88737managerMemberHi Davinder,
Perfect. The fonts turned to white now.
Thank you very much.
RegardsmanagerMemberHi there,
I've tried 1140px and it works fine. Thank you.
RegardsmanagerMemberSorry yep...it's not live yet still on my computer server. I will try and will let you know.
Thanks.
managerMemberThis reply has been marked as private. -
AuthorPosts