padding etc on the sidebar

[rogerp]

I am trying to control some of the text widgets on my sidebar.

What I am trying to achieve is to have the video horizontal with the main body photo and above it have the Social Icons

I can't seem to find the css to exactly locate the video text widget where I want it and to reduce the padding around the social icons so I can slip it in alongside the page title?

I hope that explains it clearly?

---

Roger
https://www.rogerperkin.co.uk/
Check out my Network Automation Training – Training the Network Engineers of the Future

http://www.rogerlapin.co.uk/magician-hampshire

[photastic]

try adding your style to div#test-50. you can add margin-top to have it aligned but before you do this, move the social icons widget above the movie so you can trial how much margin you need to have it aligned.

---

Trying to craft webstuff at Photastic Webdesign
Learning Genesis by solving unanswered topics

[rogerp]

Hello again, I am getting there, but I have a minor problem I have 10px padding for div.textwidget which is affecting all the text widgets.

However I do not want it to affect the video?

As I am losing 10px all round of video

thanks again

Roger

---

Roger
https://www.rogerperkin.co.uk/
Check out my Network Automation Training – Training the Network Engineers of the Future

[photastic]

in the style for the video widget, you can add : padding: 0px; and if that css comes after your 10 px padding on div.textwidget, the padding should be removed from the videowidget.

Sometimes it's a matter of putting the css in the right order to achieve another result 🙂

---

Trying to craft webstuff at Photastic Webdesign
Learning Genesis by solving unanswered topics

[rogerp]

I am getting there now just need to get padding within the text widgets, without affecting the title colour....

---

Roger
https://www.rogerperkin.co.uk/
Check out my Network Automation Training – Training the Network Engineers of the Future

[photastic]

looking at the code again, you have to target the element like this (I think) :

div#text-50 .textwidget { padding: 0px; }

and make sure that line is under the css for the div.textwidget.

I'm also still figuring out css so I could be wrong 😉

---

Trying to craft webstuff at Photastic Webdesign
Learning Genesis by solving unanswered topics

[rogerp]

Must be missing something elementary here!

div.textwidget {
padding: 10px; //* this adds 10px to all sides, left, top, bottom, right
}

div#text-50 .textwidget { padding: 0px; }

The second line is not taking effect and the Video widget is picking up div.textwidget.

So I assume it must be called something different?

---

Roger
https://www.rogerperkin.co.uk/
Check out my Network Automation Training – Training the Network Engineers of the Future

[Author]

Posts