Andykev

Bruce, I am using an HP Pavilion 27 inch monitor. Big at full resolution. Your website looked absolutely perfect on all four browsers. I shrank the image too..and no issues.

In looking at your link, you are dealing with posts, not portfolio. Same solution,
but do it in functions.php

similar to this.

//* Modify the Genesis content limit read more link
add_filter( 'get_the_content_more_link', 'epik_read_more_link' );
function epik_read_more_link() {
	return '... <p><a class="more-link" href="' . get_permalink() . '">Read More →</a></p>';
}

It is in TWO places in your theme, one in functions.php, the other in page_portfolio.php

You are correct. I forgot about that. So sorry.

I have the new Epik and the old Epik working on two different sites and cannot find any obvious issue comparing my two to yours. Something in the translaton. Out of my league. Good luck.

Have you a link to your site we can see what is going on? Thanks

First, what were you trying to accomplish? If you wanted to create a whole new color option (such as the blue, pink, red, gray), or were you only trying to change a couple of the colors here and there?

Creating a “new” color scheme can be done by taking one of the colors you’ll never use (maybe Pink?) and edit the heck out of it…knowing that if you goof it up, it won’t show simply by selection of another color in the admin customizer. You actually can create a new one by overwriting existing, or copying and then editing. It requires slight change to the color section in your Functions.php file (you add another color name to that section) and it will then become an opion choice in the drop down menu.

Go to your website and use “inspect element” in your browser. You can highlight all the sections, or pieces of each page and it shows you the .css code. You can change (edit) the code while using the inspect element and it shows you what your changes do. So you can see the color hex code, and you can either change it, or on the right side there generally is a color icon before the code. You can change the color there, even “grab” a color from elsewhere on the page to copy it.

The changes disappear when you refresh the page or exit the inspect..so take notes as to what you changed, then you go into your actual .css to apply the same change. It is actually fun.

I went into your page example and set all the colors back to #fff (white) to clean up the page to see what you had changed.

Your changing ALL the color code to the new color can sometimes not work, as some colors are for hover or backgrounds in different areas.

It worked. Clear your cache. I pulled up your site and the #3478bd is all over the page!

Add this to your .css

.portfolio-clear-2 {
clear: both;
}

On my site, I have the number to show set at “8”

Display “POST CONTENT”
Limit content to 160 characters

Clear your cache.

OK I am stumped. I did not see your footer and was focused on the VISA image.

I tried it on my website as well and it did the same thing. Gonna have to play with this some more.

Around line 1260 of your .css is where you change the color of the menu text

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover {
	color: #00647b;
}

The #00647b is the same as the widget call to action button, but it doesn’t look good on the header background. You can use “inspect element” on your browser and play with it to find what looks good.

I just viewed your SHOPPING CART page and the credit card logo images all look fine. I do not see any issue with your other images on that page, nor on your other web pages. Should not affect anything other than the images controlled by:

.woocommerce img, .woocommerce-page img

But it looks like you have dumped Woocommerce and are using a different shopping card.

You need to install the Woocommerce plugin. The theme “supports” that plugin.

Also, check your .php memory limit and upload maximum file size: that could cause the problem depending on what size image you are trying to upload. You can see what it is set for in your .httacccess file. You may need to increase it, or check with your host provider to see if they have a limit set on your account.

If the new header logo is the proper size allowed, it should not be an issue. Unless the .php file was changed. If you look at the file you have “active” and compare it to the original theme (you can use a neat program called Diff Checker

https://www.diffchecker.com/

and see if there is something amiss.

And assuming your new file is properly formatted/compressed for the web (does not exceed your file size upload settings?).

You go to your dashboard, APPEARANCE – EDITOR. Then on the side is a listing (TEMPLATES) of all the .php files and at the bottom of the column is the style.css.

Be sure that the menu at the top is showing your child theme (Vintage) and not Genesis. You should NEVER edit the Genesis files.

That said, be very careful. IF YOU MAKE A MISTAKE with the “cut and paste” or typing of your code, leaving off any punctuaton, bracket, comma, etc…it can give you the “White Screen of Death”.

That is the size you upload. I think the .css should be 100% so it is responsive.

In other words, on a large screen, “100%” will be your full image size, of 1600 x 1050.
When you shrink the size, then leaving the size fixed at “px” instead of “%” won’t allow it to automatically resize dowm to “100%” of the available screen size.

You change the colors under “SITE NAVIGATION”.

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover {
	color: #e668e5;
}

.site-header.light .genesis-nav-menu a {
	/*padding: 30px 15px;*/
}

.site-header.light .genesis-nav-menu > .last > a {
    padding-right: 0;
}

.genesis-nav-menu li.highlight a:hover::before {
	color: #fff;
}

.genesis-nav-menu li.highlight > a {
	font-weight: 800;
}

.genesis-nav-menu > .menu-item > a {
	text-transform: uppercase;
}

.front-page .site-header.light .genesis-nav-menu > .menu-item > a {
	/*color: #e668e5;*/
}

.genesis-nav-menu .sub-menu {
	left: -9999px;
	letter-spacing: 0;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #222;
	font-size: 12px;
	padding: 20px;
	position: relative;
	width: 200px;
}

.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu li.current-menu-item > a {
	background-color: #f5f5f5;
	color: #e668e5;
}

The drop down menu is still orange so in the above example I changed it to “#f5f5f5”. You need to select a color combination which goes with your purple text, so it reads well (contrast). Maybe black?

Other thing, you have “right click” disabled. I couldn’t use the “Inspect Element” to view the code to your site, so the above is from the Aspire Demo. Your actual code may be different. However, the Site Navigation section is what you need to play with to tweak your colors.

Do you mean the horizontal layout of the responsive image?

In line 3102 you added “inline-block” which removed the vertical alignment.

Line 1519 of your css

.front-page-2 {
	background: #4b9dc5;
}

Tad, your webpage is beautiful.

The “1px” line does not show on Chrome, IE, or MS Edge. It only shows up on Firefox. At leaset for me.

If you had not said anything, I would not have noticed.

Looked at the .css and can’t see anything obvious. Maybe someone else has an idea.

Do not add that to your Genesis style.css, ONLY make changes to your Child Theme (Epik).

You do not have a cache plugin installed? Deactivate it if so during any customizations.

I am going back to look at your site.

// Enable shortcodes in widgets
add_filter('widget_text', 'do_shortcode');<!--formatted-->

This is for some themes which don’t support shortcodes. I tried a couple shortcodes on my Epik theme and they work without adding this.

A link to your site would be very helpful to see what is going on. Otherwise this is all academic.

I just looked at your site. The logo has been removed, and the .css changes are not showing.

Did you remove them?

Use “Inspect Element” on your site and add the changes and at least here on my end they worked.