Side Bar Widget Styling

  • Resolved waterjunky

    (@waterjunky)


    10 years, 10 months ago

    I am trying to add this travel search plugin (referenced below) to the sidebar and the font styling (all fonts of the widget are taking on the title style) and positioning and padding of the widget is getting thrown off. Is there a way to override the theme’s styling that effects the widget? The instructions for this plugin say to access the php file through the editor and paste the shortcode, but the only php file that I see that it may apply to is the sidebar-footer.php file. Is there a php file in the them that’s just for the sidebar?

    As a workaround I tried activating this travel search plugin, using a shortcode plugin for the sidebar. When doing so, the widget appears on the sidebar, but again it doesn’t look the way that it should. The shortcode works fine for pages and posts, just not the sidebar.

    Also, where I would adjust the padding for each of the sidebar widgets?

    http://labs.travelgrove.com/wordpress-plugins/travel-search/#usage-editor

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Brian Harris

    (@zgani)

    10 years, 10 months ago

    Give me a few hours to look in to it and hopefully I’ll get back to you with a solution.

    Theme Author Brian Harris

    (@zgani)

    10 years, 10 months ago

    Regarding the styles for the font size please take a look at the style.css and around line 678 where it reads .widget label – remove the code from line 678 to 681 and save. That should solve the problem for and I’ll do a fix for the next update.

    As for the padding – is this in relation to the travel search widget in particular or are you looking to adjust all the widgets irrespective of what they are?

    Thread Starter waterjunky

    (@waterjunky)

    10 years, 10 months ago

    Thank you, that fix worked perfectly!

    Regarding the padding, I am looking to adjust the padding for all of the widgets irrespective of what they are. They seem too close to one another, so I just want to add more space between them. Also, the travel search widget displays alright on the sidebar now, but it seems like it’s aligning left rather than centered like the other widgets (you can see this as you make the browser window wider and narrow. Is there a way to control that?

    Theme Author Brian Harris

    (@zgani)

    10 years, 10 months ago

    Cool.

    Let me look in to the padding/margin and alignment for the widgets and I’ll get back to you as soon as possible.

    Theme Author Brian Harris

    (@zgani)

    10 years, 10 months ago

    Hello waterjunky,

    You can style (add margin/padding) to the widgets by doing something like

    .widget ul{
    padding-left: 20px;
}

    in the custom.css file. You can target the entire widget or elements like the title, ul, li with your own margin/padding as desired.

    Be sure to backup your changes come the next update so that you don’t loose theme – I’d suggest using a css plugin for minor changes like these.

    Marking this thread as resolved but if you still have problems with this please feel free to open a new thread.

    Thread Starter waterjunky

    (@waterjunky)

    10 years, 10 months ago

    Thanks! That worked. I targeted the entire widget (all widgets) so that padding is added above each widget and all widgets align center by using: 

    .widget {
	padding-top: 20px;
	margin-left:auto;
	margin-right:auto;
}

    The My Custom CSS Panel plugin works well for CSS overrides.

    Also, the travel widget alignment issue was not related to the theme, sorry. It looked like it was aligning left, because there was extra transparent width to the right, within the div.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Side Bar Widget Styling’ is closed to new replies.