New page created not getting template settings

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Post Reply
apereira
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Fri May 11, 2018 5:47 pm

New page created not getting template settings

Post by apereira » Fri May 11, 2018 5:59 pm

Hello,

This is my first post in this forum. I hope i have put this in the right place.

I have created a new menu item and assigned the article to it called careers. When i look at the page it does not get the theme settings. How do i make sure that the settings are being applied to all pages i create o nthe site..

Thanks
Last edited by toivo on Mon May 14, 2018 7:04 pm, edited 1 time in total.
Reason: mod note: marked as solved

User avatar
toivo
Joomla! Exemplar
Joomla! Exemplar
Posts: 9832
Joined: Thu Feb 15, 2007 5:48 am
Location: Oxford, UK
Contact:

Re: New page created not getting template settings

Post by toivo » Fri May 11, 2018 6:40 pm

Are you referring to the styling of the article, in other words how the CSS classes are rendered, or
perhaps to modules and their positions?

Make sure you clear the cache not just in the browser but also in the back end, System - Clear Cache.
Toivo Talikka, Global Moderator
my first programs were assembled and run in 16KB :)
troubleshooting smtp and other articles https://talikka.com/joomla

apereira
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Fri May 11, 2018 5:47 pm

Re: New page created not getting template settings

Post by apereira » Mon May 14, 2018 1:00 pm

My apologies I was not precise. I am new to this. If you looka t my site www.nardellagroup.com and look at the careers (the one i created) page you will see the picture i put not go across the page. I am looking everywhere and cant seem where it could. I looked the source with google chrome and see that it ids not referring to the same style within the theme.
How do i change that?

I did check the cache and there was nothing inthere.

User avatar
toivo
Joomla! Exemplar
Joomla! Exemplar
Posts: 9832
Joined: Thu Feb 15, 2007 5:48 am
Location: Oxford, UK
Contact:

Re: New page created not getting template settings

Post by toivo » Mon May 14, 2018 1:33 pm

The width set for the <li> elements explains the difference:

Project Analysis

Code: Select all

<li data-slider-slide="0" style="left: 0px; width: 1943px;">
Careers

Code: Select all

<li data-slider-slide="0" style="left: 0px; width: 1160px;">
Toivo Talikka, Global Moderator
my first programs were assembled and run in 16KB :)
troubleshooting smtp and other articles https://talikka.com/joomla

apereira
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Fri May 11, 2018 5:47 pm

Re: New page created not getting template settings

Post by apereira » Mon May 14, 2018 1:36 pm

How do i change it? Do i just need to save the template in template manager. Or do i do it somewhere else?

User avatar
toivo
Joomla! Exemplar
Joomla! Exemplar
Posts: 9832
Joined: Thu Feb 15, 2007 5:48 am
Location: Oxford, UK
Contact:

Re: New page created not getting template settings

Post by toivo » Mon May 14, 2018 1:40 pm

Find the data slider module, whichever it is, and change the settings there.
Toivo Talikka, Global Moderator
my first programs were assembled and run in 16KB :)
troubleshooting smtp and other articles https://talikka.com/joomla

apereira
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Fri May 11, 2018 5:47 pm

Re: New page created not getting template settings

Post by apereira » Mon May 14, 2018 1:53 pm

I see Component called Widgetkit. In there I see whole bunch of Slider, Avanti grid. I think this is where its defined. I compare my careers slider to another one such as Project Analysis and they are the same parameters and yet it still shows the same. Is this what you are referring to for data slider module? or some where else.

User avatar
toivo
Joomla! Exemplar
Joomla! Exemplar
Posts: 9832
Joined: Thu Feb 15, 2007 5:48 am
Location: Oxford, UK
Contact:

Re: New page created not getting template settings

Post by toivo » Mon May 14, 2018 3:11 pm

Probably. Check the CSS classes of the elements of the modules like the slider by right clicking and selecting 'Inspect element' in IE11 or 'Inspect' in Google Chrome (Developer tools - F12) and then compare to what the extensions you mentioned generate.

Now the width in Careers seems to be limited by the media query:

Code: Select all

@media (min-width: 1220px)
.uk-container {
    max-width: 1200px;
    padding: 0 40px;
}
Toivo Talikka, Global Moderator
my first programs were assembled and run in 16KB :)
troubleshooting smtp and other articles https://talikka.com/joomla

apereira
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Fri May 11, 2018 5:47 pm

Re: New page created not getting template settings

Post by apereira » Mon May 14, 2018 3:15 pm

I see there is a custom.css, here is the sippet of the file. I am just at a complete lose on how to refer pages to certain commnads. How do i tell the careers page to use a certain class?

@font-face {
font-family: 'arkibal';
src: url('../fonts/ArkibalSerif-Medium.eot'); /* IE9 Compat Modes */
src: url('../fonts/ArkibalSerif-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/ArkibalSerif-Medium.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/ArkibalSerif-Medium.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/ArkibalSerif-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/ArkibalSerif-Medium.svg') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'burford';
src: url('../fonts/BurfordDropShadow.eot'); /* IE9 Compat Modes */
src: url('../fonts/BurfordDropShadow.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/BurfordDropShadow.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/BurfordDropShadow.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/BurfordDropShadow.svg') format('svg'); /* Legacy iOS */
}
strong, dt, th {
color: #000000;
text-shadow: 0.5px 0 0 #000;
}
.mv_hidden_production {
display: none !important;
}
.mv_uppercase {
text-transform: uppercase;
}

/* ###### ADDITION UIKIT ###### */
.uk-button-muted {
background-color: #ffffff;
color: #06acd9;
}
/* UIKIT 7 GRID */
.uk-grid-width-1-7>*,.uk-width-1-7{width:14.258%}@media (min-width:1220px){.uk-grid-width-xlarge-1-7>*{width:14.258%}}@media (min-width:480px){.uk-grid-width-small-1-7>*,.uk-width-small-1-7{width:14.258%}}@media (min-width:960px){.uk-grid-width-large-1-7>*,.uk-width-large-1-7{width:14.258%}}@media (min-width:768px){.uk-grid-width-medium-1-7>*,.uk-width-medium-1-7{width:14.258%}.uk-push-1-7{left:14.258%}.uk-pull-1-7{left:-14.258%}}
/* UIKIT 12 GRID */
.uk-width-1-12{width:8.333%}.uk-width-2-12{width:16.666%}.uk-width-3-12{width:25%}.uk-width-4-12{width:33.333%}.uk-width-5-12{width:41.666%}.uk-width-6-12{width:50%}.uk-width-7-12{width:58.333%}.uk-width-8-12{width:66.666%}.uk-width-9-12{width:75%}.uk-width-10-12{width:83.333%}.uk-width-11-12{width:91.666%}
@media (min-width:@breakpoint-medium) {
.uk-width-medium-1-12{width:8.333%}.uk-width-medium-2-12{width:16.666%}.uk-width-medium-3-12{width:25%}.uk-width-medium-4-12{width:33.333%}.uk-width-medium-5-12{width:41.666%}.uk-width-medium-6-12{width:50%}.uk-width-medium-7-12{width:58.333%}.uk-width-medium-8-12{width:66.666%}.uk-width-medium-9-12{width:75%}.uk-width-medium-10-12{width:83.333%}.uk-width-medium-11-12{width:91.666%}
}
@media (min-width:@breakpoint-large){
.uk-width-large-1-12{width:8.333%}.uk-width-large-2-12{width:16.666%}.uk-width-large-3-12{width:25%}.uk-width-large-4-12{width:33.333%}.uk-width-large-5-12{width:41.666%}.uk-width-large-6-12{width:50%}.uk-width-large-7-12{width:58.333%}.uk-width-large-8-12{width:66.666%}.uk-width-large-9-12{width:75%}.uk-width-large-10-12{width:83.333%}.uk-width-large-11-12{width:91.666%}
}

/* ========================================================================
GENERAL
###### ######## ## ## ######## ######## ### ##
## ## ## ### ## ## ## ## ## ## ##
## ## #### ## ## ## ## ## ## ##
## #### ###### ## ## ## ###### ######## ## ## ##
## ## ## ## #### ## ## ## ######### ##
## ## ## ## ### ## ## ## ## ## ##
###### ######## ## ## ######## ## ## ## ## ########
========================================================================== */
p span {
display: block;
}

/*TYPOGRAPHIE*/
h1, .uk-h1,
h2, .uk-h2,
h3, .uk-h3,
h4, .uk-h4,
h5, .uk-h5 {
font-weight: 800;
text-transform: uppercase;
}
h4, .uk-h4 {
font-size: 18px;
}
h6, .uk-h6 {
color: #282d29;
text-transform: inherit;
font-size: 18px;
line-height: 24px;
font-family: 'Pontano Sans';
}
.mv_title_top_border:after {
content: "";
width: 60px;
height: 5px;
background: #006330;
display: inline-block;
position: absolute;
left: 0;
top: -10px;
}

.mv_color_white {
color: #ffffff;
}
.mv_color_black {
color: #000;
}
.mv_large_button {
width: 250px;
}
/*GALLERY FONCTIONNALITY*/
.uk-h1 + .uk-grid,
.uk-h2 + .uk-grid,
.uk-h3 + .uk-grid,
.uk-h4 + .uk-grid,
.uk-h5 + .uk-grid,
.uk-h6 + .uk-grid,
.uk-subnav + [class*='uk-grid'] {
margin-top: 30px;
}

/*BUTTON*/
.uk-contrast.uk-button {
color: rgb(119, 162, 130);
background: #fff;
text-shadow: none;
}
.uk-button-large {
font-size: 12px;
padding: 0 25px;
}
.uk-navbar-nav > li > a[href='#'] {
cursor: pointer;
}
.mv_main_title .uk-heading-large{
font-size: 60px;
line-height: 64px;
}
.mv_main_title .uk-overlay-background{
background-color:rgba(0, 0, 0, 0.3);
}
.uk-icon-large{
color: #77a282;
}
/* ========================================================================
HEADER
## ## ######## ### ######## ######## ########
## ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ## ##
######### ###### ## ## ## ## ###### ########
## ## ## ######### ## ## ## ## ##
## ## ## ## ## ## ## ## ## ##
## ## ######## ## ## ######## ######## ## ##
========================================================================== */
.uk-navbar {
position: fixed;
top: 0px;
z-index: 10;
left: 0;
right: 0;
}
.uk-navbar-nav > li > a {
font-size: 14px;
}
.uk-offcanvas-bar {
background: #282d29;
}
/*.uk-navbar-nav > li:last-child {
position: absolute;
right: 30px;
height: 40px;
margin-top: 30px;
}
.uk-navbar-nav .mv_menu_quote_button {
height: 40px;
line-height: 40px;
color: #ffffff;
padding: 0 20px;
font-size: 11px;
}*/
.uk-navbar-nav .mv_menu_quote_button:hover,
.uk-navbar-nav .mv_menu_quote_button:focus {
background-color: #71937a;
color: #ffffff;
}
.tm-navbar-sticky.tm-header-offset .tm-block-header + .uk-block:not(.tm-block-fullheight) {
margin-top: 100px;
padding-top: 0;
}
/* BREADCRUMBS */
#tm-top-breadcrumbs.uk-block-default {
padding-bottom: 0;
}
/* ========================================================================
CONTENU
###### ####### ## ## ######## ######## ## ## ## ##
## ## ## ## ### ## ## ## ### ## ## ##
## ## ## #### ## ## ## #### ## ## ##
## ## ## ## ## ## ## ###### ## ## ## ## ##
## ## ## ## #### ## ## ## #### ## ##
## ## ## ## ## ### ## ## ## ### ## ##
###### ####### ## ## ## ######## ## ## #######
========================================================================== */
/*MAIN MENU*/
.uk-dropdown-navbar .uk-width-1-2 {
width: 100%;
}
/*HOME*/
.uk_splash_title .uk-heading-large {
font-size: 76px;
line-height: 70px;
}
.uk_splash_title .uk_splash_title_light {
color: #ffffff;
}
.uk-slidenav {
width: 60px;
height: 60px;
color: #ffffff;
font-size: 80px;
}
.mv_home_slideshow_section .mv_title_top_border:after {
top: 15px;
}
.uk-dotnav > .uk-active > *,
.uk-dotnav > * > :hover,
.uk-dotnav > * > :focus {
background: #FFF;
border-color: #FFF;
box-shadow: 0 0 0 1px #FFF;
}
.uk-dotnav > * > * {
background: #77a282;
border: 1px solid #77a282;
}
.mv_home_services_gallery .uk-h3{
color: #ffffff;
}
.mv_home_services_gallery .uk-row-first .uk-button{
opacity:0;
}
.mv_home_services_gallery .uk-row-first:hover .uk-button{
opacity:1;
transition: opacity 0.8s;
}
.mv_home_business_icons .uk-scrollspy-inview {
position: relative;
margin-bottom: 80px;
}
.mv_home_business_icons .uk-scrollspy-inview .uk-button {
position: absolute;
bottom: -40px;
left: 0;
right: 0;
}
.mv_social_icon {
margin: 0 10px;
}
.mv_social_icon .uk-icon:before,
.mv_social_icon .uk-icon:before {
font-size: 26px;
}
.mv_newsletter_form .uk-grid > div {
margin: 0 auto;
}
#mc_embed_signup div.mce_inline_error {
background-color: transparent !important;
margin: 0 auto !important;
padding: 5px 10px 5px 35px !important;
font-size: 14px;
}
div#mce-success-response {
font-size: 14px;
}
.uk-contrast .uk-form input[type="text"] {
border-color: #fff;
}
.uk-block-default + .uk-block-default,
.uk-block-muted + .uk-block-muted,
.uk-block-primary + .uk-block-primary,
.uk-block-secondary + .uk-block-secondary {
border-top: 0;
}
/*OUR HISTORY*/
.vore_timeline .uk-flex-middle:nth-child(odd) {
margin-right: 50%;
padding: 30px 0px;
text-align: right;
border-right: 1px solid #e0e0e0;
}
.vore_timeline .uk-flex-middle:nth-child(odd) .uk-panel-badge,
.vore_timeline .uk-flex-middle:nth-child(even) .uk-panel-badge {
top: -35px;
width: 140px;
background: #77a282;
-webkit-appearance: none;
margin: 0;
border: none;
color: #ffffff;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
line-height: 40px;
min-height: 40px;
font-size: 11px;
text-decoration: none;
text-align: center;
padding: 0 33px;
border-radius: 0;
overflow: hidden;
z-index: 1;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
}
.vore_timeline .uk-flex-middle:nth-child(odd) .uk-panel-badge {
right: -72px;
}
.vore_timeline .uk-flex-middle:nth-child(even) {
margin-left: 50%;
padding: 30px 0px;
border-left: 1px solid #e0e0e0;
}
.vore_timeline .uk-flex-middle:nth-child(even) .uk-panel-badge {
left: -68px;
right: auto;
}
/*OUR COMPANY*/
.mv_title_top_border_reversed:after {
left: auto;
right: 0;
}
/*SERVICES*/
.uk-block-muted .uk-panel-box {
background: #FFF;
}
/*INDUSTRIAL SECTORS*/
.tm-block-fullwidth.uk-block-large {
padding: 75px 0;
}
/*CONTACT US*/
.uk-form input:not([class*='uk-form-width-']):not([class*='uk-width-']):not([type="radio"]):not([type="checkbox"]),
.uk-form select:not([class*='uk-form-width-']):not([class*='uk-width-']) {
min-width: 350px;
border: none;
border-bottom: #77a282 2px solid;
background: rgba(0, 0, 0, 0);
color: #77a282;
background-clip: padding-box;
padding-left: 0;
}
.uk-form-horizontal .uk-form-label {
text-transform: uppercase;
font-size: 16px;
color: #77a282;
line-height: 16px;
}
.uk-form textarea:not([class*='uk-form-width-']):not([class*='uk-width-']) {
border: #77a282 2px solid;
min-width: 100%;
}
/* ========================================================================
FOOTER
######## ####### ####### ######## ######## ########
## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ##
###### ## ## ## ## ## ###### ########
## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ##
## ####### ####### ## ######## ## ##
========================================================================== */
/* ###### FOOTER MEDIAVORE ###### */
.mv_footer_logo { width: auto;padding: 0 2px;height: 13px;position: relative; top: 0; vertical-align: top; }
.mv_footer_text {letter-spacing: normal;font-family: 'Raleway',arial,sans-serif; text-transform: none; color: #fff; font-size: 11px; font-weight: 400;clear: both;line-height:16px;}
.mv_footer_text span {opacity: 0.4;}
.mv_footer_text a {font-family: 'Raleway',arial,sans-serif; text-transform: none; color: #fff !important; font-size: 11px; font-weight: 400;opacity: 0.4;}
.mv_footer_text a:hover {color: #fff !important; opacity: 1!important;text-decoration: none !important;}
.tm-footer {
width: 70%;
}
.mv_mobile_phone_button {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
right: 0;
background: #77a282;
}
.mv_mobile_phone_button a {
font-size: 30px !important;
width: 100%;
padding: 20px;
}
.mv_services_qprtf_image {
max-width: 300px;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
/* ========================================================================
MEDIA QUERY
## ## ######## ######## #### ### ####### ## ## ######## ######## ## ##
### ### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ##
#### #### ## ## ## ## ## ## ## ## ## ## ## ## ## ####
## ### ## ###### ## ## ## ## ## ## ## ## ## ###### ######## ##
## ## ## ## ## ## ######### ## ## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ##
## ## ######## ######## #### ## ## ##### ## ####### ######## ## ## ##
========================================================================== */

@media (max-width:967px) {
.uk_splash_title .uk-heading-large {
font-size: 56px;
line-height: 50px;
}
.uk-block-large {
padding-top: 70px;
}
.uk-cover-background {
background-position: 70% 50%;
}
.tm-footer .uk-h4 {
margin-bottom: 0 !important;
}
.tm-footer .uk-grid {
margin-top: 10px;
}
.tm-footer p {
font-size: 13px;
line-height: 16px;
margin-top: 15px !important;
}
.tm-footer .uk-margin-bottom {
margin-bottom: 15px !important;
}
.tm-footer .tm-totop-scroller {
width: 30px;
height: 10px;
line-height: 0;
margin-top: 0 !important;
}
.mv_contactUs_map {
height: 500px !important;
}
.mv_contactUs_form {
padding: 0 40px;
}
}
@media(min-width:768px){
.uk-dropdown-width-2:not(.uk-dropdown-stack) {
min-width: 300px;
width: auto;
}
}
@media screen and (min-width: 680px) and (max-width: 768px) {
.mv_industrialSectors_projects .uk-width-medium-1-5 {
width: 30%;
}
.mv_industrialSectors_projects .uk-width-medium-4-5 {
width: 70%;
}
}

@media(max-width:768px){
/*HOME - SERVICES*/
h3, .uk-h3 {
font-size: 24px;
line-height: 28px;
}
h1, .uk-h1 {
font-size: 34px;
line-height: 38px;
}
.mv_contactUs_map {
height: 400px !important;
}
.tm-navbar-sticky.tm-header-offset .tm-block-header + .uk-block:not(.tm-block-fullheight) {
margin-top: 80px;
}
.tm-navbar-sticky .tm-navbar-wrapper,
.tm-navbar-sticky .tm-navbar-wrapper-animate {
border-width: 0;
}
.uk-navbar {
position: absolute;
}
}
@media(max-width:767px){
.tm-footer-fixed .tm-block-footer {
height: 640px;
}
.tm-footer-fixed {
padding-bottom: 540px;
}

/*OUR HISTORY*/
.vore_timeline .uk-flex-middle:nth-child(odd),
.vore_timeline .uk-flex-middle:nth-child(even) {
margin: 0 auto !important;
width: 100%;
padding: 30px 0px;
text-align: center !important;
border: none !important;
position: relative;
}
.vore_timeline .uk-flex-middle:nth-child(odd):after,
.vore_timeline .uk-flex-middle:nth-child(even):after {
content: "";
width: 1px;
height: 100%;
display: inline-block;
background: #e0e0e0;
position: absolute;
left: 0;
right: 0;
bottom: -15px;
margin: 0 auto;
z-index: -1;
}
.vore_timeline .uk-panel div:nth-child(2) {
background: white;
padding: 10px 0;
}
.vore_timeline .uk-panel div:nth-child(2) p {
margin-bottom: 0;
}
.vore_timeline .uk-panel-space {
padding: 30px 0;
}
.vore_timeline .uk-flex-middle:nth-child(odd) .uk-panel-badge,
.vore_timeline .uk-flex-middle:nth-child(even) .uk-panel-badge {
right: 0;
left: 0;
margin: 0 auto;
}
/*INDUSTRIAL SECORS*/
.tm-block-fullwidth.uk-block-large {
padding: 50px 0;
}
}
@media (max-width:680px) {
h1, .uk-h1 {
font-size: 32px;
line-height: 36px;
}
h2, .uk-h2 {
font-size: 26px;
line-height: 30px;
}
h4, .uk-h4 {
font-size: 16px;
line-height: 18px;
}
.tm-navbar-sticky.tm-header-offset .tm-block-header + .uk-block:not(.tm-block-fullheight) {
margin-top: 80px;
}
.uk-breadcrumb > li:nth-child(n+2):before {
margin: 0 5px;
}
.uk_splash_title .uk-heading-large {
font-size: 35px;
line-height: 35px;
padding: 20px;
border: 10px solid #fff;
}
.tm-slideshow-avanti .uk-overlay-panel {
padding: 80px 10px 40px 10px;
}
.tm-footer {
width: 100%;
}
.tm-block-fullwidth.uk-block-large {
padding: 25px 0;
}
.mv_home_mainSlider .uk-height-1-1 {
height: 100%;
}
.mv_home_mainSlider .uk-slideshow > li {
min-height: 550px !important;
}
.mv_home_qprtfSlider .uk-slideshow > li,
.mv_home_aboutUsSlider .uk-slideshow > li {
min-height: 250px !important;
}
.tm-slideshow-content-panel {
padding-top: 20px;
padding-bottom: 20px;
}
.tm-slideshow-avanti .uk_splash_title_light {
font-size: 14px;
line-height: 16px;
}
.mv_mobile_phone_button a {
font-size: 18px !important;
padding: 5px;
}
.tm-slideshow-avanti .uk-overlay-panel {
padding: 0;
}
.uk-panel-body {
padding: 25px;
}
.tm-footer-centered {
padding-bottom: 40px;
}
.tm-footer p {
margin-top: 10px !important;
}
.tm-footer .uk-margin-bottom {
margin-bottom: 10px !important;
}
.tm-footer .uk-h5 {
margin-top: 0 !important;
}
.tm-footer-fixed .tm-block-footer {
height: auto;
}
/*CONTACT US*/
.mv_contactUs_form {
padding: 0 20px;
}
.uk-form input:not([class*='uk-form-width-']):not([class*='uk-width-']):not([type="radio"]):not([type="checkbox"]),
.uk-form select:not([class*='uk-form-width-']):not([class*='uk-width-']){
min-width: 250px;
}
/*OUR COMPANY*/
.mv_ourCompany_content .uk-panel-space {
padding: 10px 0;
}
.mv_title_top_border_reversed:after {
left: 0;
right: auto;
}
}
@media (max-width:480px) {
.uk_splash_title .uk-heading-large {
font-size: 24px;
line-height: 26px;
border: none;
}
.tm-footer-centered {
padding-bottom: 20px;
padding-top: 100px;
}
.mv_main_title ul.uk-slider, .mv_main_title ul .uk-panel {
max-height: 200px !important;
min-height: 200px !important;
}
/*OUR HISTORY*/
.vore_timeline .uk-panel-space,
.vore_timeline .uk-flex-middle:nth-child(odd),
.vore_timeline .uk-flex-middle:nth-child(even) {
padding: 0;
}
.vore_timeline .uk-panel div:nth-child(2) {
margin: 20px 0;
}
.uk-block {
padding-top: 20px;
padding-bottom: 20px;
}
.uk-panel-box {
padding: 20px;
}
}

User avatar
toivo
Joomla! Exemplar
Joomla! Exemplar
Posts: 9832
Joined: Thu Feb 15, 2007 5:48 am
Location: Oxford, UK
Contact:

Re: New page created not getting template settings

Post by toivo » Mon May 14, 2018 3:37 pm

Just a link to the CSS file would have been enough. If you want to correct the style using entries in the file custom.css, you need to target the <li> element and use the declaration !important because the Careers slider uses inline styles:

Code: Select all

<li data-slider-slide="0" style="left: 0px; width: 1160px;">
Toivo Talikka, Global Moderator
my first programs were assembled and run in 16KB :)
troubleshooting smtp and other articles https://talikka.com/joomla

apereira
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Fri May 11, 2018 5:47 pm

Re: New page created not getting template settings

Post by apereira » Mon May 14, 2018 3:52 pm

Sorry about that i will link next time.
When i look at the other pages they all the same setting in regards to the data-slider. Is there a variable or name of pages that it uses to know to use that variable. I am just trying to understand what or whereis the global parameter ok, all these pages use these settings. Is it defined per page.

If i put that code in the custom.css file there is already an !important section.
.mv_hidden_production {
display: none !important;

do i put it right underneath.

Is it possible that these pages are already named?

User avatar
toivo
Joomla! Exemplar
Joomla! Exemplar
Posts: 9832
Joined: Thu Feb 15, 2007 5:48 am
Location: Oxford, UK
Contact:

Re: New page created not getting template settings

Post by toivo » Mon May 14, 2018 4:45 pm

If you edit custom.css, add the entries to the end and add a comment as well.

The instance of Widgetkit generates the HTML and CSS code for the image in the Careers page uses <ul> and <li> tags. The module has been assigned to the menu entry 'Careers' and the generated inline styles there are different from those in the Services page, for example.

The styling is rendered by using CSS classes, for example 'uk-slider-container' which is presented in a stylesheet as .uk-slider-container. Normally one could override the entry 'width: 1160px;' by adding the following to the file custom.css (not tested), but the paid Widgetkit may also be a more complicated beast because the inline styles seem to get modified on the fly, when you compare the HTML source code and the rendered elements.

Code: Select all

/* override width in Careers */
.uk-slider-container ul > li {
    width: 100% !important;
}
Check if there are side effects and revert to the previous version when necessary.

You can always search the support forum of your template and find answers to similar questions or post questions there, especially if you have paid for the template and support: https://yootheme.com/support/question/105020
Toivo Talikka, Global Moderator
my first programs were assembled and run in 16KB :)
troubleshooting smtp and other articles https://talikka.com/joomla

apereira
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Fri May 11, 2018 5:47 pm

Re: New page created not getting template settings

Post by apereira » Mon May 14, 2018 5:35 pm

I have added you code at the end of the custom.css file, you can check the link and it still looks the same.
I have tried looking at the themes site as well. I dont think we paid version. Not sure, I got this system so i will check see where that takesme.

any other tricks or ideas you might have?

User avatar
effrit
Joomla! Guru
Joomla! Guru
Posts: 749
Joined: Sun Nov 12, 2017 2:21 pm
Location: middle of Russia
Contact:

Re: New page created not getting template settings

Post by effrit » Mon May 14, 2018 5:58 pm

i think you choose wrong path.
it's club template, so we cant get it, but since some pictures is wide and another - not, it must depend of options.

as i can see, the class tm-block-fullwidth is make block with picture stretched.
<div id="tm-top-a" class="tm-block-top-a tm-block-fullwidth uk-block uk-block-default uk-block-large ">
https://www.nardellagroup.com/about-us/our-history

so it may be
menu item settings, article settings, or picture/slideshow settings.

apereira
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Fri May 11, 2018 5:47 pm

Re: New page created not getting template settings

Post by apereira » Mon May 14, 2018 6:16 pm

What i tried among many others. Is keep it simple. I copied each part - all the way from menu,article, module, widget, i have compared the settings at each part and it always does not change. I even tried using the same picture for another page like project analysis and it does the same thing. This is why i narrowed it down to some kind of referecing of the pages or something like that.
When i inspect the careers page and see where it is referencing the tm.block-fullwidth, it comes from both the theme.css file. The careers refers to line
If i compare the files and look at the inspect on

Project Analysis (its this)
<div id="tm-top-a" class="tm-block-top-a uk-block uk-block-default tm-block-fullwidth tm-block-collapse">

Careers (its this)
<div id="tm-top-a" class="tm-block-top-a uk-block uk-block-default uk-block-large ">

I think this is the difference but where do i go to change this. There must be some kind of settings some where maybe page sub class. I just cannot find it anywhere.

User avatar
effrit
Joomla! Guru
Joomla! Guru
Posts: 749
Joined: Sun Nov 12, 2017 2:21 pm
Location: middle of Russia
Contact:

Re: New page created not getting template settings

Post by effrit » Mon May 14, 2018 6:22 pm

you can search exactly for block-fullwidth or tm-top-a / top-a word in template code.
total commander, for example, can do this.
maybe it give you the hint.

User avatar
effrit
Joomla! Guru
Joomla! Guru
Posts: 749
Joined: Sun Nov 12, 2017 2:21 pm
Location: middle of Russia
Contact:

Re: New page created not getting template settings

Post by effrit » Mon May 14, 2018 6:32 pm

try this

https://yootheme.com/support/question/96398

in Avanti you can set each position to Image Full Width for a layout profile.
If you are not familiar with the concept and use of layout profiles please take a look at the "[Tutorial] Warp 7: Understanding layout profiles".

and, since you use paid template, you can try yooutheme forum.

apereira
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Fri May 11, 2018 5:47 pm

Re: New page created not getting template settings

Post by apereira » Mon May 14, 2018 6:46 pm

excellent effrit

I found the settings the the bottom of the page. It asked me what layout i wanted. There was one created which was called industrial_sectors and this held the layout parameters. The naming convention is not clear.
But i wanted to say thanks to also toivo , as he was also a great help.

Thanks a million

User avatar
effrit
Joomla! Guru
Joomla! Guru
Posts: 749
Joined: Sun Nov 12, 2017 2:21 pm
Location: middle of Russia
Contact:

Re: New page created not getting template settings

Post by effrit » Mon May 14, 2018 6:59 pm

good it helped you. :)
ps
ha-ha, the previous post made me "Joomla! Guru" since i reach 500 posts. :)
double kill )

apereira
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Fri May 11, 2018 5:47 pm

Re: New page created not getting template settings

Post by apereira » Mon May 14, 2018 7:00 pm

awesome you are guru to me. it worked.


Post Reply

Return to “Templates for Joomla! 3.x”