Changing inner border colours

Hey Pyratus!

Can you please provide your site link?

Thanks!

I’m so sorry, I thought I linked it in this post! https://www.flymagpiefly.com
Thanks ??

Py,

Paste this code on your custom css plugin form:

body. site{
border:3px dashed #e0e0e0 !important;
}

Let me know if it works ??

I think you have what I mean mistaken.

I already have that code in my CSS to change the border around the outside. I want to change the inside borders (all the ones that are grey) TO the blue colour that’s the same as the dashed one outside.
Not the other way around ?? Sorry if it wasn’t clear.
Thanks for any help!

Hello Again,

The only gray border I found is around the slider… And actually is not a border, is a box-shadow.

.slider-boxed #slider .rslides-inner{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 1px dashed #238abe;
padding: 5px;
}

Let me know if it works.

That worked for the slider, yes ?? And I edited a few other bits in the main style.css in a similar fashion that seems to have worked. However, if you see where I’ve circled it looks strange. Do you know what’s happened?

https://i.imgur.com/t8q98co.jpg

You’re so helpful, thanks a bunch ??

Good Morning Py!

First of all, thanks for the screenshot. It help me a lot!

I found the problems with the dashed borders. There was code from them everywhere! I think this code bellow will solve your problem.

.widget li,
#sidebar h3.widget-title:after {
border-bottom: none;
}

.widget ul{
	border: none;
	border: 1px dashed #238ABE;
}

Let me know if it works.

Heya.

That code got rid of the strange bit on the top of each box but the odd diagonal dash remained at the bottom. I removed the ‘border: 1px dashed #238ABE;’ part from the second part of that code and although the parts are no longer boxed and just underlined I think it looks okay.

The only thing remaining from the border issue is that on each individual post (as seen here; https://flymagpiefly.com/wordpress-resources-at-siteground/) at the top of the post there is that strange line again. Do you know how I can get rid of it?

https://i.imgur.com/FBBRgr6.jpg

Thanks so much for your help ??

Hello again:

Try this code:

flymagpiefly.com/media="all"
#intro.option1 #intro-core:after {
border-bottom: none;
}

Let me know if it works ??

Heya, that didn’t seem to work, sorry ??

Sorry Py,

I’ve paste the wrong code. Please, replace with this one:

#intro.option1 #intro-core:after {
    border-bottom: none!important;
}

Let me know if it works.

Hooray! Ellp you’re my saviour and my new favourite person ?? Thanks so much!

LOL!

Glad I help you. Love to work with fashion sites ?? Good luck with your project and let me know if you need a help any further.

Thanks ??

If I could ask you.. I do need a bit more help!

Two things;
The main page, I don’t want the posts to be truncated with “read more,” I’d like them just to display in full (see https://www.flymagpiefly.com ‘s most recent post for a test post.)

Also, I would like to put some CSS that would give my image a border around it by default (2px white margin then 1px #238abe border around that, if possible.)

You’re the best ??

Hey!

Let’s do it ??

About the read more: unfortunately I can’t help you on that because I need to check the theme files on your server to see the code and modify as you need.

About the image: just paste this code bellow.

.entry-content img{
 padding:2px;
border:1px dashed #238abe;
}

Let me know if it works ??