stauber28

Did something similar to azlivin008, but according to rows. So, whatever I wanted on row one would was put in the “.row1” row css class, under set style>advanced. Then put this in the css in the stylesheet under the appearance tab:
.row1{
float:left;
width:155px;/*width of each floating element */
}

got this idea from here https://www.w3schools.com/css/css_float.asp

Here is my HTML

[catlist name=sponsors numberposts=0 content=yes title_tag=p title_class=titleclass]

Here is my css

/*Changes Title Font*/
p.titleclass a{
font-size: 2em;
color: black;
font-weight:bold;
}

/*Removes link*/
.titleclass{
pointer-events: none;
cursor: default;
}

Ok, just solved the problem of getting the slideshow full size. This took me a while to figure, so hopefully this will save someone else some time. Well, after changing every margin and padding setting I could find, I decided to put the slideshow in a <div id=”whatever”> then write some css for the div

div#whatever{
width: 1000px;
margin-left:-20px;
}

Worked like a charm, this makes the slides the full width and the text keeps it’s padding.

Solved the second question of eliminating the space between the menu and container.

I just put negative values into the margin size for the menu until it was aligned with the top of the container. Then reduced the header height to bring them both back up.

/* to bring menu down*/
#access{
margin-bottom: -44px;
}

to bring menu and container up go to
Theme Settings > Header > Header Height