Joomla Templates Club 406,261 posts

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#209086

I need to set up the page of a component in the same style of the video page.

Must also apply an equal Backgorund this example: https://www.svenbluege.de/pictures

Send the link where you will apply this style

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#578374

Hi @insofticursos,

Did you mean you want to apply the background as in this site to the video page in your site ?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#644665

Hi @insofticursos,

Did you mean you want to apply the background as in this site to the video page in your site ?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#743296

Hi @insofticursos,

Did you mean you want to apply the background as in this site to the video page in your site ?

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#578454

@adam M Yes

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#644745

@adam M Yes

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#743376

@adam M Yes

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#578485

Hi @insofticursos,

First, navigate to admin >>> Menus >>> choose menu on top >>> edit Videos >>> switch to tab Page Display >>> type ” video-page” (1 space before the class name and without double quote) in Page Class.

Open file templatesja_teline_vcsscustom.css and add this code :

.video-page .t3-wrapper {
background-attachment: fixed;
filter: none;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url(../images/your_background_image_name) !important;
}

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#578603

@adam M It is not working

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#644894

@adam M It is not working

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#743525

@adam M It is not working

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#644995

Hi @insofticursos,

I checked your site but didn’t see any change as suggested, please apply them to your site first.

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#645090

@adam M Added the css rule to custom.css but it’s not working

.video-page .t3-wrapper {
background-attachment: fixed;
filter: none;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url ("/ images / test.jpg")! important;
}

If I decide to use the white background on the video page. What should I change?

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#743715

@adam M Added the css rule to custom.css but it’s not working

.video-page .t3-wrapper {
background-attachment: fixed;
filter: none;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url ("/ images / test.jpg")! important;
}

If I decide to use the white background on the video page. What should I change?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#645116

Hi @insofticursos,

Make sure you added the class name as described too.

[Author]

Posts