Hi, I need some help to find what I need in the CSS to customize the size of the google map app I added in my page. I know the answer is somewhere here, but I can't find the right line.
My HTML skills are basically enough to do what I need for now, but I can't find how to resize the map I included, even if I know I'm in the right section.
There is the part of the CSS, can someone highlight where are the right lines I need to adjust to resize the map?
/*----------------------------------- THEME RESPONSIVE MEDIA QUERIES AREA CSS START -----------------------------------------------*/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
.themeWidth {
width: 90%;
}
form ul li label, form ul li div {
float: none;
width: auto;
}
.submenu li a {
text-align:left;
}
.themeSidebarAreaInner form li span input[type=text], .themeSidebarAreaInner form li span textarea {
width: 190px;
}
.themeSidebarAreaInner form li span select {
width: 203px;
}
.zs-highlight-box .zs-tabs-accordion-content, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content {
padding: 10px;
}
.themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span input[type=text], .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span textarea, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span select {
width: 130px;
}
.themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span select {
width: 143px;
}
.themeSidebarAreaInner .zs-highlight-box {
padding:10px;
}
.newsletter-input-field {
width:220px;
}
.newsletter-layout-3 .newsletter-form {
width:220px;
}
}
@media only screen and (min-width : 641px) and (max-width : 768px) {
.themeWidth {
width: 90%;
}
.themeContentArea, .themeSidebarArea {
float: none;
width: auto;
}
.themeSidebarAreaInner {
margin: 0px;
padding: 0px;
padding-top: 30px;
border-top: 1px solid #eeeeee;
border-left: 0px;
box-shadow: 0 1px 0 #ffffff inset;
-webkit-box-shadow: 0 1px 0 #ffffff inset;
-moz-box-shadow: 0 1px 0 #ffffff inset;
-o-box-shadow: 0 1px 0 #ffffff inset;
}
.themeSitenameCaptionOuterContainer, .themeNavigationAreaContainer, .themeLogoOuterContainer {
height: auto;
text-align: center;
vertical-align: baseline;
width: auto;
}
.themeSitenameCaptionContainer {
padding-bottom: 15px;
}
.tableCell {
display: block;
}
.themeNavigationArea {
border-top: 1px solid #eeeeee;
float: none;
margin-top: 15px;
padding-top: 15px;
text-align: left;
}
#navigation ul {
position: relative;
right: 50%;
float: right;
}
#navigation ul li {
position: relative;
left: 50%;
}
.submenu li a {
text-align:left;
}
form ul li label, form ul li div {
width: auto;
float: none;
}
.zs-accordion, .themeFooterArea .zs-accordion, .zs-highlight-box .zs-accordion, .themeFooterArea .zs-highlight-box .zs-accordion {
display: block;
}
.zs-tabs, .zs-highlight-box .zs-tabs, .themeFooterArea .zs-tabs, .themeFooterArea .zs-highlight-box .zs-tabs {
display: none;
}
.zs-highlight-box .zs-tabs-accordion-content, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content {
padding: 10px;
}
.zs-highlight-box .zs-tabs-accordion-content form li span input[type=text], .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span input[type=text], .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span input[type=text], .zs-highlight-box .zs-tabs-accordion-content form li span textarea, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span textarea, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span textarea, .zs-highlight-box .zs-tabs-accordion-content form li span select, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span select, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span select {
width: 270px;
}
.zs-highlight-box .zs-tabs-accordion-content form li span select, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span select, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span select {
width: 283px;
}
.themeSidebarAreaInner .zs-highlight-box .newsletter-input-field, .themeSidebarAreaInner .zs-tabs-accordion-content .newsletter-input-field {
width:230px;
}
.themeSidebarAreaInner .zs-highlight-box .newsletter-layout-3 .newsletter-form, .themeSidebarAreaInner .zs-tabs-accordion-content .newsletter-layout-3 .newsletter-form {
width:230px;
}
}
@media only screen and (min-width : 481px) and (max-width : 640px) {
.themeWidth {
width: 90%;
}
.themeContentArea, .themeSidebarArea {
float: none;
width: auto;
}
.themeSidebarAreaInner {
margin: 0px;
padding: 0px;
padding-top: 30px;
border-left: 0px;
border-top: 1px solid #eeeeee;
box-shadow: 0 1px 0 #ffffff inset;
-webkit-box-shadow: 0 1px 0 #ffffff inset;
-moz-box-shadow: 0 1px 0 #ffffff inset;
-o-box-shadow: 0 1px 0 #ffffff inset;
}
.themeSitenameCaptionOuterContainer, .themeNavigationAreaContainer, .themeLogoOuterContainer {
height: auto;
text-align: center;
vertical-align: baseline;
width: auto;
}
.themeSitenameCaptionContainer {
padding-bottom: 15px;
}
.tableCell {
display: block;
}
.themeNavigationArea {
border-top: 1px solid #eeeeee;
float: none;
margin-top: 15px;
padding-top: 15px;
text-align: left;
}
#navigation li {
float: right;
}
.submenu li a {
text-align:left;
}
form li span input[type="text"], form li span textarea {
width: 230px;
}
form li span select {
width: 240px;
}
form ul li label, form ul li div {
width: auto;
float: none;
}
form li input[type="submit"], form li input[type="reset"] {
padding: 8px 30px;
}
.themeSocialiconArea, .themeSearchContainer {
float: none;
}
.themeSearchBox input[type="text"] {
width: 85%;
}
.themeSearchBox {
width: 100%;
}
.themeSocialandSearchContainer {
background: #ffffff;
}
.themeSocialIconContainer {
text-align: right;
}
.zs-accordion, .themeFooterArea .zs-accordion, .zs-highlight-box .zs-accordion, .themeFooterArea .zs-highlight-box .zs-accordion {
display: block;
}
.zs-tabs, .zs-highlight-box .zs-tabs, .themeFooterArea .zs-tabs, .themeFooterArea .zs-highlight-box .zs-tabs {
display: none;
}
.zs-highlight-box, .themeSidebarAreaInner .zs-highlight-box, .themeFooterArea .zs-highlight-box {
padding: 10px;
}
.zs-highlight-box .zs-tabs-accordion-content, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content {
padding: 10px;
}
.zs-highlight-box .zs-tabs-accordion-content form li span input[type=text], .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span input[type=text], .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span input[type=text], .zs-highlight-box .zs-tabs-accordion-content form li span textarea, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span textarea, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span textarea, .zs-highlight-box .zs-tabs-accordion-content form li span select, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span select, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span select {
width: 230px;
}
.zs-highlight-box .zs-tabs-accordion-content form li span select, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span select, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span select {
width: 243px;
}
.themeSearchContainer {
display:none;
}
.themeSidebarAreaInner .zs-highlight-box .newsletter-input-field, .themeSidebarAreaInner .zs-tabs-accordion-content .newsletter-input-field {
width:230px;
}
.themeSidebarAreaInner .zs-highlight-box .newsletter-layout-3 .newsletter-form, .themeSidebarAreaInner .zs-tabs-accordion-content .newsletter-layout-3 .newsletter-form {
width:230px;
}
.newsletter-layout-2 button.newsletter-button {
display:block;
margin:0 auto;
}
}
@media only screen and (min-width : 321px) and (max-width : 480px) {
.themeWidth {
width: 90%;
}
.themeContentArea, .themeSidebarArea {
float: none;
width: auto;
}
.themeSidebarAreaInner {
margin: 0px;
padding: 0px;
padding-top: 30px;
border-left: 0px;
border-top: 1px solid #eeeeee;
box-shadow: 0 1px 0 #ffffff inset;
-webkit-box-shadow: 0 1px 0 #ffffff inset;
-moz-box-shadow: 0 1px 0 #ffffff inset;
-o-box-shadow: 0 1px 0 #ffffff inset;
}
.themeSitenameCaptionOuterContainer, .themeNavigationAreaContainer, .themeLogoOuterContainer {
height: auto;
text-align: center;
vertical-align: baseline;
width: auto;
}
.themeSitenameCaptionContainer {
padding-bottom: 15px;
}
.tableCell {
display: block;
}
.themeNavigationArea {
border-top: 1px solid #eeeeee;
float: none;
margin-top: 15px;
padding-top: 15px;
text-align: left;
}
#navigation li {
float: right;
}
.submenu li a {
text-align:left;
}
form li span input[type="text"], form li span textarea {
width: 230px;
}
form li span select {
width: 240px;
}
form li input[type="submit"], form li input[type="reset"] {
padding: 8px 30px;
}
form ul li label, form ul li div {
width: auto;
float: none;
}
.themeSocialiconArea, .themeSearchContainer {
float: none;
}
.themeSearchBox input[type="text"] {
width: 85%;
}
.themeSearchBox {
width: 100%;
}
.themeSocialandSearchContainer {
background: #ffffff;
}
.themeSocialIconContainer {
text-align: right;
clear: both;
}
.zs-accordion, .themeFooterArea .zs-accordion, .zs-highlight-box .zs-accordion, .themeFooterArea .zs-highlight-box .zs-accordion {
display: block;
}
.zs-tabs, .zs-highlight-box .zs-tabs, .themeFooterArea .zs-tabs, .themeFooterArea .zs-highlight-box .zs-tabs {
display: none;
}
.zs-highlight-box, .themeSidebarAreaInner .zs-highlight-box, .themeFooterArea .zs-highlight-box {
padding: 10px;
}
.zs-highlight-box .zs-tabs-accordion-content, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content {
padding: 10px;
}
.zs-highlight-box .zs-tabs-accordion-content form li span input[type=text], .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span input[type=text], .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span input[type=text], .zs-highlight-box .zs-tabs-accordion-content form li span textarea, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span textarea, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span textarea, .zs-highlight-box .zs-tabs-accordion-content form li span select, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span select, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span select {
width: 200px;
}
.zs-highlight-box .zs-tabs-accordion-content form li span select, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span select, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span select {
width: 213px;
}
.themeSearchContainer {
display:none;
}
.newsletter-input-field {
width:220px;
}
.newsletter-layout-3 .newsletter-form {
width:220px;
}
.newsletter-layout-2 button.newsletter-button {
display:block;
margin:0 auto;
}
}
@media only screen and (max-width : 320px) {
.themeWidth {
width: 90%;
}
.themeContentArea, .themeSidebarArea {
float: none;
width: auto;
}
.themeSidebarAreaInner {
margin: 0px;
padding: 0px;
padding-top: 30px;
border-left: 0px;
border-top: 1px solid #eeeeee;
box-shadow: 0 1px 0 #ffffff inset;
-webkit-box-shadow: 0 1px 0 #ffffff inset;
-moz-box-shadow: 0 1px 0 #ffffff inset;
-o-box-shadow: 0 1px 0 #ffffff inset;
}
.themeSitenameCaptionOuterContainer, .themeNavigationAreaContainer, .themeLogoOuterContainer {
height: auto;
text-align: center;
vertical-align: baseline;
width: auto;
}
.themeSitenameCaptionContainer {
padding-bottom: 15px;
}
.tableCell {
display: block;
}
.themeNavigationArea {
border-top: 1px solid #eeeeee;
float: none;
margin-top: 15px;
padding-top: 15px;
text-align: left;
}
.submenu li a {
text-align:left;
}
#navigation li {
float: right;
}
form ul li label, form ul li div {
float: none;
width: auto;
}
form li span input[type="text"], form li span textarea {
width: 230px;
}
form li span select {
width: 240px;
}
form li input[type="submit"], form li input[type="reset"] {
padding: 8px 30px;
}
.themeSocialiconArea, .themeSearchContainer {
float: none;
}
.themeSearchBox input[type="text"] {
width: 85%;
}
.themeSearchBox {
width: 100%;
}
.themeSocialiconArea {
padding:0px;
}
.themeSocialandSearchContainer {
background: #ffffff;
text-align:center;
}
.zs-socialicon-email, .zs-socialicon-facebook, .zs-socialicon-flickr, .zs-socialicon-googleplus, .zs-socialicon-linkedin, .zs-socialicon-pinterest, .zs-socialicon-rss, .zs-socialicon-twitter, .zs-socialicon-youtube {
width:26px;
height:24px;
margin: 5px 1px 0;
}
.themeSocialIconContainer {
text-align: center;
clear: both;
}
.zs-accordion, .themeFooterArea .zs-accordion, .zs-highlight-box .zs-accordion, .themeFooterArea .zs-highlight-box .zs-accordion {
display: block;
}
.zs-tabs, .zs-highlight-box .zs-tabs, .themeFooterArea .zs-tabs, .themeFooterArea .zs-highlight-box .zs-tabs {
display: none;
}
.zs-highlight-box, .themeSidebarAreaInner .zs-highlight-box, .themeFooterArea .zs-highlight-box {
padding: 10px;
}
.zs-highlight-box .zs-tabs-accordion-content, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content {
padding: 10px;
}
.zs-highlight-box .zs-tabs-accordion-content form li span input[type=text], .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span input[type=text], .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span input[type=text], .zs-highlight-box .zs-tabs-accordion-content form li span textarea, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span textarea, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span textarea, .zs-highlight-box .zs-tabs-accordion-content form li span select, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span select, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span select {
width: 180px;
}
.zs-highlight-box .zs-tabs-accordion-content form li span select, .themeSidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content form li span select, .themeFooterArea .zs-highlight-box .zs-tabs-accordion-content form li span select {
width: 193px;
}
.themeSearchContainer {
display:none;
}
.newsletter-input-field {
width:220px;
}
.newsletter-layout-3 .newsletter-form {
width:220px;
}
}
/*----------------------------------- THEME RESPONSIVE MEDIA QUERIES AREA CSS END -----------------------------------------------*/