yandoos

Its ok I worked it out. I simply added the jquery to the theme header.

Thanks

I set the div as a fixed px and it works fine now… I guess it was because the div may have been originally set as % but it was also set as absolute?

Thank you very much for you help ??

Yes your right! I’ve just removed them and the width is fine… Thats strange. Could it be that the divs for the social buttons are too wide? They are set to 100%. I thought they would not overflow…

https://the-powerofyou.co.uk

It works fine on a computer but when I try it on a HTC or Samsung galaxy the background seems to extend.

Thank you

Thank you very much indeed its working brilliantly!

I am using the css plugin and its very simply now.. I pretty much love the original design of the website as it is. It was just the link color I wanted to change.

Thank you all for replying and your support.

Tom – very grateful and happy ??

Please use the homepage to see the testlink https://the-powerofyou.co.uk/

thanks

Thank you for your reply,

In the editor section I don’t see anything called Child Theme.
I’m not sure I understand what you mean by enqueue the stylesheet? I added the css to the header.php below the other 2 <links/>:

<link rel=”profile” href=”https://gmpg.org/xfn/11&#8243; />
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
<link rel=”stylesheet” href=”wp-includes/css/style.css” type=”text/css” media=”screen, projection” />

I’m sorry I don’t understand what you mean by specific selectors either. I’m a bit of a noob.

The syntax to the stylesheet is here (I tried to make 2 classes to test it:
a.pagelink:link { color: #FFFFCE; text-decoration: none; }
a.pagelink:visited { color: #FFFFCE; text-decoration: none; }
a.pagelink:active { color: #CCFFCC; text-decoration: none; }
a.pagelink:hover { color: #FFFF63; text-decoration: none; }

.MyLink { COLOR: #444444; TEXT-DECORATION: none;}
.MyLink:hover { TEXT-DECORATION: underline; }

The website is: https://the-powerofyou.co.uk/?page_id=16

Thank you.

Ooops I noticed that my blog post image was less than 200px x 200px. As result it selected others. After resizing, uploading and adding new url it works fine.

Nice plugin thank you. ??

I found out how to do it for anyone else with same issue.

find: loop-meta in main css stylesheet and remove following (this will remove horizontal box that stays after text removed)

background: #fff;
border: solid 1px #c8c8c8;
-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
-moz-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15);
padding-top: 15px;
padding-bottom: 15px;

Then go to loop-meta-title and this line of code:

display:none;

After this I decided to keep the title but remove the words “Category Archive”. To do this goto loop-meta.php.

Simply delete the words Category Archive. See here:

<h1 class=”loop-meta-title”><?php printf( __( Category Archive: ‘%s’, ‘contango’ ), ‘<span>’ . ucwords( strtolower ( single_cat_title( ”, false ) ) ) . ‘</span>’ ); ?></h1>

Hope this helps

Thanks