• Resolved mrme123

    (@mrme123)


    Hello- I copied the code from a text widget on my right hand sidebar, and when I started a new widget with the same code the box shows up with an extra layer, and am not sure how to fix it. I actually like the effect, but would want to center justify (vs right as it is) if I was going to keep it- where would I find/ edit these properties?

    I was also wondering if there was any way to move this to the lefthand sidebar, because I am not sure how to set that up.

    If there are any other ideas about how I can make this contact info /form stand out more or look better (or any ideas at all) I would love to hear them as well as this is new to me. If this is for support only apologies/disregard.

    Any help is appreciated- below is the URL and code for the text widget

    https://blacksnowmedia.com/soc/about-us/

    <div class=”sidebarContent”>
    <div class=”getStartedTitle”>Contact Us Today</div>
    <div class=”getStartedBody”> <span class=’phoneNumber’> (888) 483-9690
    [email protected]</span> </div>
    Use the form below if you have any questions or to move forward with us. We look forward to partnering with you!

    <div class=”button” data-scroll-reveal=”enter left and ease-in-out 25px over .5s after .5s”>Contact Us Today</div>

    </div>

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi.

    Thanks for reaching out.

    1. I’m not quite sure what’s up there. Have you tried deleting the widgets and re-doing that sidebar layout?

    2. To move the sidebar from left to right positioned, try inserting the following under Appearance > Custom CSS (Vantage Premium) or in your own Custom CSS plugin (Vantage Free) or in your case in your child style.css file.

    /* Vantage Display Left Sidebar */
    
    .blog #primary,
    .single #primary,
    .default #primary,
    .page #primary {
            float: right; }
    .blog #secondary,
    .single #secondary,
    .default #secondary,
    .page #secondary {
            float: left; }
    .home #primary,
    .page-template-templatestemplate-full-notitle-php #primary {
            float: none;
    }

    3. Are you referring to the contact form on this page?

    https://blacksnowmedia.com/soc/contact-us/

    Thanks

    Thread Starter mrme123

    (@mrme123)

    1. I have not, but I am only having trouble with the widget That is labeled ‘Ready to get started’

    2. I was curious about moving just this widget to the left sidebar, and keeping the rest on the right. Is that possible?

    3. I misspoke and meant the same widget already mentioned ‘Ready to get started’. I am trying to make it pop a bit more (well all of the sidebar widgets for that matter). Any ideas, or resources that demonstrate some of the formatting options for widgets? Any opinions/ ideas are welcome.

    Thanks Misplon!

    1. Please try deleting and re-doing those widgets. I’m not sure, otherwise, at this stage, how to resolve that overlap issue so it would be best to start over and slowly re-build the sidebar.

    2. We unfortunately don’t have a left and right sidebar option in Vantage. The Custom CSS I provided would swap your sidebar from left to right.

    If you’d like to display certain widgets on certain pages please try Jetpack Widget Visibility or WooSidebars.

    Unfortunately can’t do exactly what you’re after there.

    3. I think those widgets and what you’ve done with Vantage looks great. The content is easy to read and the widgets pop by being lighter. Sorry, not sure what further feedback I can offer there.

    Thread Starter mrme123

    (@mrme123)

    It worked this time- thank you very much!

    Super, really glad to hear you’ve made progress here.

    mrme123,
    How did you do that kind of widget like
    the follow us (widget). The Icon inside
    the white box? Just curious, looks cool.
    It would be appreciated if you could share it.
    Thanks in advance.

    Thread Starter mrme123

    (@mrme123)

    Hi Allan – I did not personally create this but it was built in the ‘visual editor’ widget. It looks like you will need to have the icons uploaded to your images library also make sure to replace the links with your own. Below is the CSS and the code for the widget. Still learning so I can;t really break it down further. Good luck!

    }

    .ssba, .socialLinks {

    width: auto;

    text-align: center;

    display: table;

    margin: 0 auto;

    }

    .socialLinks img{

    margin: 5px;

    }

    .ssba div, .socialLinks div{

    text-align:center !important;

    }

    .ssba a, .socialLinks a{

    display:table-cell;

    }

    ——————–

    <div class=”socialLinks”>
    <img src=”https://blacksnowmedia.com/soc/wp-content/themes/soc/images/facebook.png”&gt;
    <img src=”https://blacksnowmedia.com/soc/wp-content/themes/soc/images/twitter.png”&gt;
    <img src=”https://blacksnowmedia.com/soc/wp-content/themes/soc/images/linkedin.png”&gt;
    </div>

    mrme123,
    Thanks, really appreciate it. At least you give me an idea.

    Thanks @mrme123, appreciate the feedback here.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Text Widget/ Form Issue’ is closed to new replies.