Stacy Kvernmo

I just experienced this on a remote site that I activated this plugin on. I’ll report back if I ever figure it out.

Assuming you may be running something like MAMP, is the web server turned on?

It is a tricky problem to diagnose without more information.

background-size: cover would force the image to cover the entire screen cropping out areas to make sure the image covers all areas.

Maybe that would help?

A few things are happening here to cause the gap. The space above the carousel is for the H1 headline of the page but it isn’t being used. You have 3 other h1s currently on the page so you could probably remove this from the front page only and be ok.

There is a bottom margin on the .entry-header class that would need to be removed (if you choose to not conditionally remove it from the front page).

you could do this:

.home .entry-header {
	margin-bottom: 0;
}

Lastly, there is an empty <p></p> above and below the carousel in the textwidget. Make sure auto paragraphs aren’t being added and that there is not an opening line break before you add your code.

Hope this helps!

I just checked out your theme’s CSS and it looks like you would have to add the following to enable category links to display the active styles:

.main-nav ul li.current-menu-item > a {
border-bottom: 3px solid #00adef;
color: #00adef;
}

are you also trying it with a port number in the url? like:

https://localhost:8888/staybees/wp-login.php

It could be a number of things. Maybe try this first:

Go to https://localhost:8888/wp-login.php or https://localhost:8888/testsite/wp-login.php instead of trying to hit the wp-admin

Where did you put your folder containing your WordPress site? Is it in the MAMP htdocs folder? or are you pointing to a different path?

You can also try stopping the server and starting it again in MAMP.

Also, did you add or change the credentials in your wp-config.php file to match your local host settings?

Andy,
I would put it on the bottom of my child theme’s CSS file. Or, if you are using a theme that has a theme options panel, sometimes they use a Custom CSS box. If that is available, you can use it there.

Hope that helps.

Which theme are you using?

Without being able to view your site or look at the theme it is hard to say. Also, know that if you copy/paste content in the editor when in Visual Mode (top right of the editor area), then it will paste any inline styles. If you have extra <p> tags in there, it sill keep them as separate paragraphs.

The modifications you may be looking for can be done in your child theme:

if you copy of the templates/header.php file into your child theme, you can edit the markup on line 7:
from:

<div class="col-md-6 col-sm-6 kad-topbar-left">

to:

<div class="col-md-12 col-sm-12 kad-topbar-left">

and then you’d probably want to remove the search bar if you aren’t using it, which is around line 47:

<div class="col-md-6 col-sm-6 kad-topbar-right">
          <div id="topbar-search" class="topbar-widget">
            <?php if(kadence_display_topbar_widget()) { if(is_active_sidebar('topbarright')) { dynamic_sidebar('topbarright'); }
              } else { if(kadence_display_top_search()) {get_search_form();}
          } ?>
        </div>

Also, for the second row, there is a little php looking for which type of layout you selected. If you are going with your current one, then:
this:

<?php if(isset($virtue['logo_layout'])) {
  if($virtue['logo_layout'] == 'logocenter') {$logocclass = 'col-md-12'; $menulclass = 'col-md-12';}
  else if($virtue['logo_layout'] == 'logohalf') {$logocclass = 'col-md-6'; $menulclass = 'col-md-6';}
  else {$logocclass = 'col-md-4'; $menulclass = 'col-md-8';}
} else {$logocclass = 'col-md-4'; $menulclass = 'col-md-8'; }?>

could become:

<?php if(isset($virtue['logo_layout'])) {
  if($virtue['logo_layout'] == 'logocenter') {$logocclass = 'col-md-12'; $menulclass = 'col-md-12';}
  else if($virtue['logo_layout'] == 'logohalf') {$logocclass = 'col-md-6'; $menulclass = 'col-md-6';}
  else {$logocclass = 'col-md-0'; $menulclass = 'col-md-12';}
} else {$logocclass = 'col-md-0'; $menulclass = 'col-md-12'; }?>

but you may have y=to add a col-md-0 to your css:

.col-md-0 {
width: 0;
}

This isn’t perfect, but it will get you where you want I believe.

Is that image the first item in your content as well as being the featured image? Perhaps use the excerpt for your content to appear without the image as opposed to using the content for the summary on https://dirtylooks.com/blog/page/2

OR, you can remove the featured image from the post and instead only show the image within the content area?

It has been a while since I used twentytwelve but I know a lot of themes will not show the featured image in the post content because they don’t have as much control over where it displays within the post.

Looks like .site-navigation and .site-branding both have a max-width of 50%. If you don’t need as much room for the site-branding (the stuff on the left) then you can easily change these values in your (child theme) stylesheet.

Maybe to something like this:

@media screen and (min-width: 800px) {
    .site-branding {
	max-width: 30%;
    }

    .site-navigation {
	max-width: 70%;
    }
}

Hi bluelake,

1) No. That being said, there are many themes out there not in WordPress’ theme repository that are not very child-theme friendly. Some themes state they are, but really only allow edits to the template files and stylesheets.

2) WordPress states everywhere that the first step is creating a child theme. But like I said before, sometimes depending on the parent theme, some edits are extremely hard to make if that parent wasn’t set up with a child theme in mind.

3) No. There should still be a child theme, especially for any css changes that may have been implemented.

4) You can, but depending on that parent theme you are using, it can make this process easy or hard. You can certainly make a backup of your theme files, as well as the WP database and then make a staging or local environment to start moving some of the edited code over so you can test it against the live site. I use a program called Kaleidoscope to see differences between two files, but this process may not be the best for someone who doesn’t own that software. Did your former programmer document their edits? If so, that may be a good place to start. Also, when you compare the parent theme to your edited version, you can often see the differences in the modified date to see which files have been modified since the parent theme was originally downloaded.

Not sure if any of this helps, but maybe it is a start. Wishing you the best of luck!

@designbypepper I do not see the inch and a half of white space in the demo theme. Maybe your theme isn’t displaying some of the data that the demo theme is though, so it is hard for me to guess what changes you will need to make.

However, maybe start with a few areas:

all headings from the bootstrap.css file have a top and bottom margin:
margin-top: 20px;
margin-bottom: 10px;

I would probably stay away from that as it will effect all headings. You could add this to your child theme’s stylesheet:

.entry-title {
	margin: 0;
}

Which will remove that margin from all elements marked as entry-title (I haven’t dug into the theme enough to know if this will effect areas that you have not anticipated).

Lastly, the .entry-content div has a margin-top of 35px. Maybe edit this value in the child theme’s css file as well:

.entry-content {
	margin-top: 5px; // or whichever value you'd like this to be
}

I may not fully understand what you are trying to do, but let me give it a try:

So, you have one menu (Primary Menu), and one of the top menu items is Jobs. If you want only the children of the Jobs Parent item to be clickable, then you will need to make sure that Jobs is a custom link with a # in the url field. Otherwise, if you click on Jobs, it will go to the Jobs page (assuming you have this already set up).

I think that may be what you are looking for?