WordPress.org

Forums

Minamaze
[resolved] Changing inner border colours (20 posts)

  1. Pyratus
    Member
    Posted 11 months ago #

    Hey guys
    I need to change the small 1px borders that are currently #e0e0e0 and solid, to dashed and #238abe. However, I've changed literally every instance of "#e0e0e0" in my style.css and it hasn't changed it on the site. The border I mean is the one around pretty much everything inside the blue dotted border that currently exists.

    Thanks

  2. ellp
    Member
    Posted 11 months ago #

    Hey Pyratus!

    Can you please provide your site link?

    Thanks!

  3. Pyratus
    Member
    Posted 11 months ago #

    I'm so sorry, I thought I linked it in this post! http://www.flymagpiefly.com
    Thanks :)

  4. ellp
    Member
    Posted 11 months ago #

    Py,

    Paste this code on your custom css plugin form:

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

    Let me know if it works :)

  5. Pyratus
    Member
    Posted 11 months ago #

    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!

  6. ellp
    Member
    Posted 11 months ago #

    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.

  7. Pyratus
    Member
    Posted 11 months ago #

    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?

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

    You're so helpful, thanks a bunch :D

  8. ellp
    Member
    Posted 11 months ago #

    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.

  9. Pyratus
    Member
    Posted 11 months ago #

    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; http://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?

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

    Thanks so much for your help :D

  10. ellp
    Member
    Posted 11 months ago #

    Hello again:

    Try this code:

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

    Let me know if it works :)

  11. Pyratus
    Member
    Posted 11 months ago #

    Heya, that didn't seem to work, sorry :(

  12. ellp
    Member
    Posted 11 months ago #

    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.

  13. Pyratus
    Member
    Posted 11 months ago #

    Hooray! Ellp you're my saviour and my new favourite person :) Thanks so much!

  14. ellp
    Member
    Posted 11 months ago #

    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.

  15. Pyratus
    Member
    Posted 11 months ago #

    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 http://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 :)

  16. ellp
    Member
    Posted 11 months ago #

    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 :)

  17. Pyratus
    Member
    Posted 11 months ago #

    That works fine, thanks :) I'll hunt through the code to work on removing the excerpt function. Again, you rock!

  18. ellp
    Member
    Posted 11 months ago #

    Glad to help :D

  19. Pyratus
    Member
    Posted 11 months ago #

    Marking as resolved for this issue :)

  20. EvanaQuik
    Member
    Posted 9 months ago #

    Wow! Thanks a lot!:)

Reply

You must log in to post.

About this Theme

About this Topic