Support » Fixing WordPress » Well border and buttons not align left or right

  • Resolved irinasopas

    (@irinasopas)


    Hallo. I’m having a problem. I changed my well css style border style:

    border-left: 1px solid!important;
    border-left-color: #F9F9F9!important;
    border-right: 1px solid white!important;
    border-top: 1px solid white!important;
    border-bottom: 1px solid white!important;

    However It stills receiving another style that is making the top and right border appear. Can anyone help me?

    Also my buttons aren’t align left or right just getting centered (https://irinasopas.com/artigos/)

    Images: https://imgur.com/a/zXfw6hx

    Can anyone help me?

    Best regards,

    Irina

    • This topic was modified 3 weeks, 4 days ago by  irinasopas.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 28 total)
  • Stef

    (@serafinnyc)

    Your buttons have classes of “center” on them. I’m not sure what you’re talking about on the borders.

    Can you draw what you want for the borders?

    Hallo. The center in my buttons are from the text inside… not for all the button, or the plugin is centering it all?

    I DON’T want the right and top borders that are appearing. Just want the left border. I want to remove them. You can see in this image: https://i.imgur.com/4qWjjvi.png

    Regards,

    Irina

    Stef

    (@serafinnyc)

    It’s a class on the button

    You have two instances of the “well” class. One in your Additional CSS I’m assuming and one on this file see here.
    https://imgur.com/8WCEIec

    Remove one of them. Which ever one isn’t going to get overwritten.

    Then put no border #secondary

    Hallo.

    Yes, I already found that there is a second instance the problem is I can’t find that file where it says it is, that’s why I’m came to the support.

    I open the exactly adress in FTP or in my cpanel files (/public_html/wp-content/themes/sparkling/assets/) and that style.css inside the assets isn’t there, I even searched the 3 folders in assets. I already removed all well css from the theme style css. Please see those prints https://imgur.com/a/40JtyGU Maybe I’m doing something wrong.

    About the buttons how I remove that center class? After removing, it will respond the wordpress editor to align it left / right / center?

    Regards,

    Irina

    Stef

    (@serafinnyc)

    https://irinasopas.com/wp-content/themes/sparkling/assets/css/less/wells.less

    Buttons I’m not sure how you’re adding those, is that a widget button? I see max button isn’t that a shortcode plugin for making buttons? Just use a left class or a right class

    wp-content inside the public_html, right? it is sayng that the directory is empty.

    public_html/wp-content/themes/sparkling/assets/css/less/wells.less

    Here are all my files with the name style.css on it

    https://imgur.com/a/x6qMQXJ

    Maybe is cache?

    I will try that for the buttons. Thanks

    Stef

    (@serafinnyc)

    Sorry, I didn’t see that it was a less file. My bad.

    Just add this

    #secondary{
     border:none !important;
    }

    Then remove YOUR well styling for right and top borders and you’ll have only a border on top

    Hallo! You mean only the border on the left will be appearing? That’s the one I want. But it didn’t work.

    .well {
    background: #ffffff;
    padding: 20px;
    border-radius: 0px;
    border-left: 1px solid!important;
    border-left-color: #000000!important;
    border-bottom: 1px solid white!important;
    overflow: hidden;
    clear: both;
    padding-bottom: 1%;
    }

    #secondary{
    border:none !important;
    }

    :((((

    Stef

    (@serafinnyc)

    :o) can you just remove that entire well style and the secondary I gave you. Take it out and I’ll write it for you. Just to be clear you just want a border on top right?

    What color?

    • This reply was modified 3 weeks, 4 days ago by  Stef.

    Hahaha SUPER DONE. Just be careful with your eyes now THE ORINAL original well is horrible and it can hurt your vision lolol.

    Sooo:

    only left border and white background.

    Kisses,

    Irina

    Stef

    (@serafinnyc)

    Why do you need a white background? Isn’t the whole site white already? And what color do you want the border though? I still see the well css in there

    • This reply was modified 3 weeks, 4 days ago by  Stef.
    Stef

    (@serafinnyc)

    Here you go

    .well{
        box-shadow:0 !important;
        -webkit-box-shadow:0 !important;
        -moz-kit-box-shadow:0 !important;
        border-right:none !important;
        border-top:none !important;
        background:transparent !important;
        border-left:1px solid #ddd;
        padding:1rem 2rem !important;
    
    }

    Hallo. I’m trying to clean my website it was very colorful. I’m an author and I write chick-lit (people call it pink novels) and I also write historic fantasy (more dark lolol).

    I’m searching for color schemes (maybe in months) but I can’t figure out one to translate both of my genres. So black and white goes with everything.

    Using the style for the inner-content and the well because they don’t use the website background color. They have their own life and business. Horrible borders, horrible background.

    You can use #F9F9F9 is just to have a division between the main content and the well.

    Kisses

    So wordpress was bossing around telling he expected none for the box shadow and found 0 (zero) so I changed it none.

    The bottom-border still apearing and it is doing the curve. Now I ask:

    I can add this to your code???

    border-bottom: 0px solid white; (tested doesn’t appear anymore)
    border-radius: 0px; (removed the curve)

    Or it will bring problems in the future?

    Kisses

    Stef

    (@serafinnyc)

    Yup, just add this below the border-top line

    border-bottom:0 !important;

Viewing 15 replies - 1 through 15 (of 28 total)
  • You must be logged in to reply to this topic.