Centering the title of a widget

  • Resolved xtremedmg

    (@xtremedmg)


    11 years, 4 months ago

    Hi,
    Can anyone assist with the CSS required to center the title of a text widget in the Vantage theme?

    I have tried both of the following with no success:

    .widgettitle { text-align: center; }

    .widgettitle { text-align: center !important; }

    I have successfully centered the body text of the text widget, but can’t get the title text to work.

    https://useology.com/

    Thx.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter xtremedmg

    (@xtremedmg)

    Never fear… figured it out. For this theme it’s…

    .widget-title {
    text-align: center;
    }

    Note the hyphen. ??

    Thx.

    I’m pretty new to website design and CSS, was your question in regards to the quote on the header of your website? If so what widget did you use to add the quote?

    Thread Starter xtremedmg

    (@xtremedmg)

    No sorry, it was in relation to the title of a text widget.

    That text (in the header) is part of the Vantage theme so it was already there for me to use (I just had to input what I wanted).

    Are you using the Vantage theme?

    Ah I see. I am using the Vantage theme and I’m trying to get my logo to the left and my text centered. Very close to the way you have your usology logo to the left and the quote in the middle.

    Also what are the correct dimensions for your slider photos? Mine are too big! for reference here is my website atlantapopcornfactory.com

    Thread Starter xtremedmg

    (@xtremedmg)

    So, two things:

    1. Is the text to the right of your logo part of the actual logo? If so, then I think you may need to adjust your logo so the text is further away (giving it the appearance of being centered in the header).

    2. Metaslider can be used with any dimensions but you probably need to deselect the ‘smart crop’ check box in the slider options. Once you done that you can work on what size works best for your site. All the pics I use in my slider are the same dimensions and I simply matched the slider to the pic’s dimensions. Then I updated the background color of the slider so it looked like the rest of the page. This is the code I used:

    #main-slider {
    background-color: #fcfcfc;
    }

    But remember, make a child theme before you start messing around with editor. ??

    For help on that, I used this… https://managewp.com/how-to-create-a-child-theme

    Disclaimer – I’m new to this too, so others will likely have much better suggestions than me.

    haha.. well I wish I had done that (made a child theme) a long time ago.. I’ve already changed so much 0__0 But to answer you question, the text is a part of the logo. So I will definitely try that. However, what about the text on the header that you used? Is that area built into the theme?

    I appreciate the help!

    Thread Starter xtremedmg

    (@xtremedmg)

    Yes, that’s here:

    Appearance -> Theme Settings, then under the logo tab, named Header Text.

    Hmm, make sure you don’t accept a theme update without capturing all your changes then! ??

    Awesome! Thank you so much! =D

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Centering the title of a widget’ is closed to new replies.