paulwpxp

You’re welcome, glad it worked out!

By default, without users doing anything, WordPress has 4 image sizes; the full (original uploaded one), large, medium, and thumbnail.

The default size for thumbnail is 150×150 hard crop, for medium is 300×300 soft crop, for large is 1024×1024 soft crop.

Your wanted size is 300×170, this means you already have your featured image for your CPT without you doing extra work, in your template just call the image indicating the size value of medium, it’s soft crop so just upload the image with 300×170 (or any size based on its proportion), if you upload image with size other than this it will crop to 300px in width and leaves its height to auto based on its actual height.

Long story short, in your CPT template just call the image like this

the_post_thumbnail( 'medium' );

https://developer.wordpress.org/reference/functions/the_post_thumbnail/#Examples

The markup doesn’t look like something coming from the theme, I think it’s from Woocommerce or a special template built for it. So we need to go through each template, via cPanel’s file explorer, and look for this custom code then remove it.

Meanwhile we can use this, put in Custom CSS plugin, to display-none it.

.woocommerce-page #sidebar { display: none; }

By ‘depth’ do you mean its height? The width, height, and also the depth (layer order) as shown in the webpage are controlled by its actual dimension and the CSS code. Without inspecting the live site there is no way to know the real problem let alone fixing it.

For the icon problem, it seems like the site is using theme with the so called “page builder” plugin/functionality. If this is so, we should be able to fix that in the page editing screen by clicking on edit option of that section. Otherwise it needs to be fix via custom CSS code.

My suggestion is to get back to your web dev and ask him/her to make this adjustment for you. If you need help in this forum, post a new thread separate 1 question per thread, and also include link to live site.

This is a hotpink version of this theme (One-Blog ver 1.0.8), in case any one interested just copy and use in Custom CSS plugin, change color code to your liking.

/*
 * Custom CSS hotpink version of One-Blog theme version 1.0.8
 * https://downloads.wordpress.org/theme/one-blog.1.0.8.zip
 * Use this code in Custom CSS plugin, or in Child Theme stylesheet.
*/

/***** Top bar *****/
.head-top { background: hotpink; }

/***** Dropdown menu *****/
.head-nav ul li ul li a:hover { color: hotpink; }

/***** Sidebar Title *****/
.widget_box:not(.footer_box) h3 { background: hotpink; }

/***** Mobile menu *****/
.slicknav_btn,
.slicknav_menu ul li a:hover a,
.slicknav_menu ul li a:hover,
.slicknav_menu ul li ul li a:hover,
.slicknav_nav .slicknav_row:hover { background: hotpink; }

/***** Read More button *****/
.post_content .blog_post_box .read-more { background: hotpink; border: 0; }

/***** Slider control *****/
.home_slider .flex-direction-nav .flex-next,
.home_slider .flex-direction-nav .flex-prev { opacity: 0.5; }
.home_slider .slides li a:not(.home_slide_bg) { background: rgba(255, 105, 180, 0.5); }

/***** Input border color *****/
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="phone"], select { border-color: hotpink; }

/***** Footer area *****/
footer#foot { background: hotpink; }
.main-foot { border: 0; }
.bottom-foot { background: #fff; }

/***** Blog post archive left align text *****/
.post_content .blog_post_box { text-align: left; }
.post_content .blog_post_box .blog_post_content { text-align: left; padding: 0; }

/***** Text Color *****/
p { color: #777; }
.post_content a { color: red; }

/***** Next/Prev post button *****/
.post_nav { opacity: 0.5; }

/***** Post Title in blog archive and single post page *****/
.post_content h3 a { color: hotpink; }
.post_content h1 { color: hotpink; }

The menu item text is wrapped in <span> tags, this is injected by a plugin called Menu Image, while the main theme has CSS to display none the span inside menu item, this is why the menu text doesn’t show.

Since I see no sign of real use of Menu Image plugin, so just uninstall this plugin (also delete it) will solve the problem.

Use this code, it will affect only ul in post/page content and not the menu

section#main ul { margin-left: 20px; }

Install a Custom CSS plugin and use that code in it, do not make direct change to theme stylesheet file.

Actually that whole thing, the text “Pure and Simple” and the “&” behind it, they are graphic in 1 image.

This is that image source used in the demo site
http://demo.styledthemes.com/demos/puresimple-free/wp-content/uploads/sites/4/2014/10/logo1.png