Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 29, 2014 at 4:14 am #310764
    jalmz

    Hi,

    How to change the background of the widget, widget pane and heading?

    and how to control specific widget background? and header .. Thanks

    Regards

    August 29, 2014 at 8:44 am #310811
    jalmz

    I would like to add border color for the widget.. thanks

    August 29, 2014 at 1:35 pm #310915
    jalmz

    anyone? :(

    August 29, 2014 at 2:23 pm #310926
    Yigit

    Hey!

    You can use following code in Quick CSS field which is inside Enfold theme > General Styling

    .widget {
border: 1px solid #e2e2e2!important;
padding: 10px;
background-color: orange;
}

    If you can point out the widget you would like to edit and post a screenshot showing the changes you would like to make, we can help you better :)

    Cheers!
    Yigit

    August 29, 2014 at 2:31 pm #310937
    jalmz

    ok Thanks Yigit.. sweet..

    Please dont close this thread .. Perhaps I will need your help..

    August 29, 2014 at 2:33 pm #310940
    Yigit

    Hi!

    Sure :) We will be waiting to hear from you

    Cheers!
    Yigit

    August 29, 2014 at 2:56 pm #310948
    jalmz

    Hi Yigit..

    This one.. I would like to take full control of every widget I have, their padding, background, border color, font, font size and etc..

    and also the footer is affected.. and i dont want those footer will be affected.. like this one.. its affected

    http://biliranisland.com/ph/?s=biliran

    Thanks Yigit

    • This reply was modified 10 years, 3 months ago by jalmz.
    August 29, 2014 at 3:08 pm #310956
    Yigit

    Hi!

    You can use right click on the element, click inspect elements and check widget ID’s – http://i.imgur.com/OvWpwwd.png

    #avia_combo_widget-2 { border-color: orange ; }

    Cheers!
    Yigit

    August 29, 2014 at 3:17 pm #310960
    jalmz

    Hello Yigit,

    In my case… `#execphp-2 {
    border-color: orange;
    background-color: orange;
    }`

    Pls correct me if im wrong.. Thanks

    • This reply was modified 10 years, 3 months ago by jalmz.
    August 29, 2014 at 3:29 pm #310965
    Yigit

    Hi!

    It is correct. You may need to add padding to your code as well

    Regards,
    Yigit

    August 29, 2014 at 3:37 pm #310968
    jalmz

    Thanks Yigit

    What about i would like to look like this?

    and what about Controlling the every widget title? currenly i used this code

    .widgettitle {
	color: white !important;
	background: #6a6d9a !important;
	text-transform: none !important;
	padding: 5px;
}

    sorry i have so many questions.. im new to enfold theme

    August 30, 2014 at 6:37 pm #311333
    Josue

    Hello!

    That’s possible but would require a heavy customization to the theme, unfortunately that’s beyond the scope of the support we can offer. If you really need it try contacting a developer.

    Best regards,
    Josue

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How to control the css in widget?’ is closed to new replies.