[manager]

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.
Regards

[manager]

Hi 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.

[manager]

Hi 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;
}

[manager]

Hi 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;
}

}

[manager]

Thanks. So we are not too worry about this issue.

[manager]

Hi 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?

[manager]

Hi 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.

[manager]

Hi 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?
Thanks

[manager]

Hi Anitac,

Thank you for your recommendation. I added Widget Logic plugin at the moment and it works as what we want.

Regards,

[manager]

Hi 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

[manager]

Hi Brad,

Brilliant....all thumbnail resizes as desired. I downloaded a regenerate thumbnails plug-in.

Thank you very much.
Regards 🙂

[manager]

Hi 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 150

It 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.
Regards

[manager]

HI 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

[manager]

Hi 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

[manager]

Hi 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.au

Many 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>';
}

[manager]

Hi 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.

[manager]

Hi Davinder,

Perfect. The fonts turned to white now.

Thank you very much.
Regards

[manager]

Hi there,

I've tried 1140px and it works fine. Thank you.
Regards

[manager]

Sorry yep...it's not live yet still on my computer server. I will try and will let you know.

Thanks.

[manager]

This reply has been marked as private.

[Author]

Posts