olavxxx

Hi, you should use the wp_enque_style with a hook:
https://codex.www.ads-software.com/Function_Reference/wp_enqueue_style

Look at the first example there… You can even write a simple plugin to do this ??

Ps. to do this, you have to have your default stylesheet registerred with a name.. However, you can do this in another way too!

You can append a new sheet for additional styles, that sheet can have !important so it overrides the style.css

Hi,
You need to change the a:hover for that class or id then.
What is the URL of your website? You can right click on links in chrome or firefox or opera and choose inspect item, to view the id/class.

If you are styling a class in css, it’s:
.classname a:hover { }

Or for the ID:
#idname a:hover { }

You might already have definitions for it though, so you should see “matched class” and check if there is any there..

Of course you can ??

The </body> should be in your footer.php

You can of course also make a new widget area for your footer, by editing your functions.php

// Hook on the initialization of widgets
add_action( 'widgets_init', 'MaTheRyS_widgets_init' );

function MaTheRyS_widgets_init() {
  // Footer widget
  register_sidebar( array(
    'name' => __( 'Footer Widget Area', 'MaTheRyS' ),
    'id' => 'footer-widget-area',
    'description' => __( 'The footer widget area', 'MaTheRyS' ),
    'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
    'after_widget' => '</li>',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
    ) );
}

And putting some code in your footer.php:

<?php if ( is_active_sidebar( 'footer-widget-area' ) ) : ?>
<div style="width:100%; background: pink;">
  <ul class="xoxo">
    <?php dynamic_sidebar( 'footer-widget-area' ); ?>
  </ul>
</div>
<?php endif; ?>

ps. I didnt try that code, so it might give an error or two ??
If you widgetize your footer, you can pull an text/html box in the widget area, rss feed or what not. Ps. of course you should not style the div in the html, rather use css files.

You can also try to disable plugins and deactivate widgets, as you might have css-conflicts.

If it happends with all of your templates, try to deactivate plugins.
It looks like a css problem, maybe some containers need clear:both;

Your current template is not something I would use though, frames are a thing of the past. Try to revert to the OEM templates and then try to disable plugins and check if it works.

Check if your new template has both:
wp_head();

(just before closing </header>)

and:
wp_footer();

(Just before </body>)

Ps. you have to enclose them in:
<?php ?>

If you are lacking those, you will maybe see some strange behaviours when logged in.. Margin at top and no admin-bar.

Hi,
Before you can see the forest for just trees, your first step should be to fix your forest of errors:
https://validator.w3.org/check?uri=http%3A%2F%2Fpersonis.co%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1&group=0&No200=1&verbose=1&user-agent=W3C_Validator%2F1.2

Hi,
Centering div’s in CSS uses a set width and margin: X auto;

The TwentyEleven theme has the site title wrapped inside the header div.

<div id=”page” class=”hfeed”>
is styled with a max-width of 1000 pixels.

This same wrapper also contains the rest of your page.
If you wish to let your header title get a 100% width, the easiest way is to edit the header template file and make a new wrapper for this part of your layout.

I would make something like:

<div class=”headerWrapper”>.. put your code here</div>
¨
Then you have to define it in the css-file:

.headerWrapper {
  width:100%;
  background: #FFF;
  margin: 0px;
  padding: 25px;
}

You should also remove the padding in the body (look in style.css or override it with !important )

This is your header image:
https://reallybanaly.net/wp-content/themes/petra/images/head.png

It is 1000 x 93 px.

You can either replace the image with your own, or edit the style.css
On line 243, you will find

#top {
height: 93px;
width: 1000px;
margin: 0px auto;
position: relative;
background: url(images/head.png) center no-repeat;
}

Also to get your menu to work, you have to go to appearance -> menus.
Create your menu there and set it as the main menu and I guess it will appear.

I’m not sure I’d like to have the comment on the index-page.

As for moving it, it’s true what megan says regarding editing the templates.

If the site is published, you should make a new “test/dev”-site for changing the templates. There is no way for us to see how your template has it implemented.

Some templates have the function inside the template, some have it in the functions.php file.

If you look at the post page:
https://athletesfirst.ca/2011/11/08/392/#more-392

There it is at the bottom of your post.
If you would like to keep it at your index-template, you can either edit the index.php and look for the code, or maybe you have to locate it in the functions.php.. No way for us to tell. Most likely it’s in the index.php template-file.

You can simply move it to above the social stuff.

btw. I would refrain from using the admin account for posting stuff.. Maybe you should make a new admin account not named admin and then afterwards delete the admin account and make a new account that is publisher, not admin.

Btw. your site is very “heavy” (download, traffic). I use 4.74 seconds on downloading all elements into my browser. Your background image is many megapixels large! I would consider finding a tilable background image of your liking.

Maybe you can find some here:
https://bestdesignoptions.com/?p=1576
ps. I dont know that site author, it was my first hit on google for “retro tilable backgrounds.

In your style.css file (presumably in the theme root folder), you should be able to locate this code:

#sidebar {
width: 300px;
overflow: hidden;
}

You can add a couple of new lines to this code if you wish:

#sidebar {
width: 300px;
overflow: hidden;
background: white;
padding: 5px;
}

I would consider also shrinking the headers of the col2, as I guess you want the main attention to be drawn to the content column.

Inside style.css you can also locate:

.widget h3 {
margin: 0 0 7px 0;
padding: 10px 0;
text-transform: uppercase;
color: #404040;
}

I would change some code there too:

.widget h3 {
font-size: 14px;
margin: 0 0 7px 0;
padding: 10px 0;
color: #404040;
}

Also in red.css (if that is the color you wish to keep:

.widget ul li a:hover {
color: #C40000;
background: url(red/bullet_hover.png) no-repeat 10px 12px;
font-weight: bold;
}

Remove the font-weight:bold; , as I find it quite disturbing when the size changes due to the font weight.

Try adding this in your style.css (main style file)

.menu-contact-container ul {
    list-style:none;
    margin-left: 10px;
}

Also locate this code:

#branding img {
border-top: 4px solid black;
border-bottom: 1px solid black;
display: block;
float: left;
}

Just remove the two lines specifying the border.

Looks not too bad in the validator:
https://validator.w3.org/check?uri=http%3A%2F%2Fform1023.org%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

only one error.

If you are wondering about the other stuff, why not install the google analytics and link the acc. to google webmaster tools.

Then you will see the searc hits, loading times, keywords, landing pages, +++

Looks like you need a new host

Fatal error: Maximum execution time of 30 seconds exceeded in D:\Hosting\5766836\html\www\anithaganapathi.com\wp-content\plugins\jetpack\modules\shortcodes\blip.php on line 9

Try this

#access a {
color: pink;
display: block;
line-height: 3.333em;
padding: 0 1.2125em;
text-decoration: none;
}