nicki_chen

Which theme are you using now? I usually prefer ones with a lot of theme options, where I can do more custom development. If the title is in the middle of the page, it may be the floating issue with the theme itself. I like evolve, customizr and foundationPress themes

Hey LeeAnna
Glad you found the fix for it. I was gonna show you how to print out the global variables in PHP and suggest you to use Netbeans for your debugging next time.

In the theme folders, locate functions–> basic-functions.php file, inside the file look for a function evolve_content_boxes(), this function sets the placeholder for the frontpage content box area. On line 954, replace the the <i> tags with img tags or any other SVG icons

It looks like it has to do with the class full_width_content, is your page utilizing the full width template? Where is line 28 in the code? And did you try printing out the global variables ?

`<?php
echo(“
“);
print_r($GLOBALS);
echo(“
“)
?>

There are tons of plugins, 1) bxSlider 2) AnythingSlider 3) jQuery cycle plugin…
The theme’s probably built-in with Bootstrap, so it should come with a responsive bootstrap carousel.
You can read more about it here:
https://www.w3schools.com/bootstrap/bootstrap_carousel.asp

Where do you want to put the slider? If it’s under the header navigation, locate header.php in your theme and after closing the <nav>tags(before the closing of the header tags), add a div element for your slider.

Which PHP IDE do you use? I would suggest using an IDE for troubleshooting. But if you get a fatal error with “call to a member function get() on a non-object”, it means the object doesn’t exist and the variables haven’t been declared.

To troubleshoot your root causes, you need to print out all the global variables to find out the missing, undeclared variables

Add the following in query.php.
<?php
echo(“

");
        print_r($GLOBALS);
        echo("

“)
?>

Can you share the screenshots of your issues?
I went to your website but it’s difficult to troubleshot. Did you add those media queries for mobile devices?

@media (max-width: 999px) {

}

@media (min-width: 768px) {

}

@media (max-width: 767px) {
.owl-item .tx-slide-details p {
display: none;
}
}

/* Mobile devices */
@media (max-width: 359px) {
.tx-col-1-2 {
width: 100%;
}
.tx-col-1-3 {
width: 100%;
}
.tx-col-1-4 {
width: 100%;
}
}

Can you locate the functions.php code? Is there a library folder inside the selected theme folders?

Michael,
for targeting the featured images, in your style.css, add the class selector in the following to style the featured images:
.feature-image{
height: 320px;
}

If this doesn’t work for you, you can also add in custom thumbnail dimensions in your functions.php file. Locate the functions.php in your theme folders (may be under the library directory), add a custom image size:

add_image_size(‘small-featuredimage’,400,320);
This line will set a custom image size for the dimension with 400 pixels in width and 320 pixels in height.

All you need to do now is go to the page markup and attach the custom image with your featured images
“><?php the_post_thumbnail(‘small-featuredimage’); ?>