ameliafranz

Wow, thank you, Pete! I truly appreciate your taking the time to write this out for me!

Oh, I see. In that case, you can take what is the better approach, anyway, and target those selectors in your css.

In your font-awesome css stylesheet (not in your regular stylesheet), I believe you should add the following in order to get them on the same horizontal line:

.fa-5x {
float: right;
}

After that, I was able to fine-tune the positioning to have them centered by adding this to this other selector:

i.fa.fa-5x.fa-facebook-official {
margin-left: .5em;
margin-right: 42%;
}

So this definitely worked in the Chrome dev tools. You should give it a try. Might still need to mess with the margins and such to get the positioning just where you want it.

Hope this helps.
–Amelia

Sorry, something went wrong when I typed in the link. Here it is again:

Deprecated HTML Tags

Hi,

According to this source,
, that way of centering is deprecated.

Here’s what works for me in text widgets, instead:

<p style=”text-align:center;”>centered text/image</p>
(Could use div instead of p, of course.)

Maybe there’s something else preventing them from centering, but you might want to give this a try. Hope this helps.

–Amelia

If there are no options to change this in the admin area of your theme, you will have to change it in the css stylesheet or with a custom css plugin. If you are not using a child theme, and you edit the theme’s stylesheet directly, your changes would be lost when the theme is updated.

If you don’t know how to find the file through the “back end” of your site (through cpanel or whatever control panel your hosting provider uses), and you are not familiar with using FTP/SFTP to make changes, you can edit the CSS file by going to your admin dashboard and finding “Appearance” and then “Editor” on the left side of your dashboard. Click “Editor,” and you should see the file style.css on the right side of your screen. You can make the change to the h1 there.

Another (probably safer) option is to make the changes through a custom css plugin, such as the one in the Jetpack plugin. I believe there is a preview option in that plugin that allows you to preview your changes before you save them. I haven’t used this, but it’s very popular. There are also some free custom css plugins available.

IMPORTANT — You should have a backup of your site, or at least a backup of your css file, before you make any changes. If you make a mistake in the css file and save the change, it can mess up the styling or layout of your site. If that happens, you would then correct the mistake or upload the new file, and your site would return to its normal state.

Good luck.

Actually, even if you don’t post a link to your site, it’s easy to change font color. You should apply the following css rule in your stylesheet, to wherever you want to change the font color in your site. Of course, if you are using a theme with an option to change this from the admin area, rather than directly in the css, that would be the simplest and easiest way.

color: #000;

For example,

p {
color: #000;
}

Hope this helps.

Can you post a link to your site? That will make it easier for someone to help you.

Hi and Merry Christmas,

You should remove the border from the bottom of your h1 selector. Delete these, and II think this should do the trick!

/* border-bottom-color: #000000; */
/* border-bottom-style: dashed; */
/* border-bottom-width: 1px; */

–Amelia

Are you talking about the orange hover color on the menu? If so, I thinks the css that’s setting this orange color is this:

(under /* nav links */), Chrome Developer Tools shows this as line 31.

#top #access .children a:hover, #top #access .sub-menu a:hover, #top #access a:hover{
color:#fff!important;
background:#fa0;
}

I’m not sure whether you were talking about this or some other link issue, but the #fa0 is the orange color. At any rate, hope this helps.

It’s a theme called “Resurrection.” I have it also on a test site at another hosting provider (hostgator), and it is working perfectly there. There is no body tag without a class on that page, when I view the source on the test site. So I know it’s something that’s happening on this particular hosting platform, but I don’t have the luxury of changing. Also, the owner is working on trying to figure it out, but so far we have not been able to completely clear it out.

But I’m not even 100% sure it is a hack. I think it probably is, but there’s only one problem with the site that I can see — it’s that the menu editor doesn’t work (right arrows on the individual menu items have disappeared). This is a situation where I really need to get this menu thing fixed now, and then we can continue trying to figure out this hack or whatever is causing the problem. I need to find where that particular tag is being dynamically generated, and change it.

Thanks.

WPyogi, respectfully, I don’t think my recent post this morning is a duplicate. I appreciate your list of the things I need to do to try to completely clean my site. However, I think if I can get this one body tag replaced with the correct snippet (one which includes the class), I can get this one page to display correctly. I have found what to replace using view source page, but now I need to know how to get to that body tag and change it. It is dynamically generated, I know, but I don’t know where to find it.

For this immediate problem, I just need to know how to edit this html and where to find it. Once I get this taken care of, I will take on the bigger task of trying to clean out the site. But right now, I just need the menu editor to work.

Thanks,
Amelia

Thanks, WPyogi. I’m talking to the hosting company. Unfortunately, this provider (who supplies hosting for all the churches in our diocese) is not allowing me back-end access to the files on the server. But he is checking it out and (I hope) will be going through these resources.

Also, here’s the area from the php file that controls captions: I used “#” because the images are not supposed to click through to the post, and this is the only way I found to do it.

<?php query_posts( ‘cat=’.$category.’&posts_per_page=’.$n_slices ); if( have_posts() ) : while( have_posts() ) : the_post(); ?>
<?php if ( ” != get_the_post_thumbnail() ) : ?>

<?php the_post_thumbnail(); ?>

<?php endif ?>
<?php endwhile; endif;?>

That’s disappointing, but thank you for replying so quickly.

Feel very silly now. The problem was one extra quotation mark in the CSS, which made the entire site go wonky in FF. Guess FF doesn’t handle errors as well as the other browsers.