Main Page Widgets CSS Customization

vlogazul · Member · Jan 29, 2017 at 9:04 pm
Copy link

Add topic to favorites
Hello, I am using the Triton Lite theme and i would like to know if there’s a snippet for the following.

At the bottom of the main page there’s 4 widgets. is there a snippet to make the 4th widget which is the one that has the two logos of teams, be placed underneath the music player? so those two widgets be aligned center?

The blog I need help with is: (visible only to logged in users)
kathrynwp · Staff · Jan 30, 2017 at 7:55 pm
Copy link
I noticed this was marked as resolved, are you all set?
vlogazul · Member · Jan 31, 2017 at 1:11 am
Copy link
Still hasn’t been resolved, hopefully there’s a snippet for that request.
kathrynwp · Staff · Jan 31, 2017 at 2:43 pm
Copy link
It doesn’t seem possible to move the two widgets one below the other, but here is a workaround I tried on a test site:

1. Remove both the logos image widget and the music player widget.

2. Add a text widget in between the two remaining image widgets.

3. In your new text widget, add this code to display the music player and logos image:
```
[playlist ids="18266"]

<img src="https://vlogazul.files.wordpress.com/2017/01/jornada-5.png">
```
Let me know it goes!
vlogazul · Member · Feb 1, 2017 at 7:45 pm
Copy link
It worked perfectly by the way you told me to.

Would there be a snippet to put dividers between the categories in the main navigation bar?
kathrynwp · Staff · Feb 1, 2017 at 8:46 pm
Copy link
It worked perfectly by the way you told me to.

Excellent.

Would there be a snippet to put dividers between the categories in the main navigation bar?

You can give something like this a try:
```
.menu > li > a::after {
     color: #ffffff;
     content: "•";
     margin-left: 10px;
}
.menu > li > a {
     margin-left: -10px;
}

.menu > li:last-of-type > a::after {
     content: "";
}
```
Replace the bullet in content with whatever character you like – it could be a | for example.

No items found.