Collegamenti promossi con diverse dimensioni nella stessa pagina

Question

Ho un requisito complicato in cui devo incorporare un collegamento promosso con diverse dimensioni e stili nella stessa pagina SharePoint.

La figura in basso illustra ciò che sto cercando di ottenere.

ha un tre link promosso con tre diversi punti di vista. Sto usando tre diverse parti Web che includeranno queste tre diverse viste proseguite del link.

Posso ridimensionare la dimensione della piastrella da Pure CSS come suggerito da una risposta in Questo post . Sto usando questo CSS in Script Editor -1 come in figura qui sotto.

Posso controllare quante tessere da visualizzare per riga come suggerito da Questo post . E sto usando questo script Java nell'editor dello script - 2.

Voglio che questi script editor influenzino solo la vista del collegamento promosso in Web Part - 3. Il collegamento promosso in Web Part - 1 e il web part-part-2 dovrebbe essere intatto.

Si prega di suggerire come questo può essere fatto.

Grazie

Answer 1

Each of your webparts should have its own unique ID in the code. Use developer tools (F12) to examine your page.

You should be able to then target CSS to only elements inside of a particular ID

Web Part 1's ID is a called #content

To target class elements inside only Web Part 1, you would do something like div#content.myClass