Hi
I’d like to size down the content font of the default sidebar.
Thank you
Btina

Hi
I’d like change the order of the imgae and the preview content for the Blog roll. I would like to have the image 484x484px on the left and the preview content on the right. I was looking for the correct html code I just found that below. But actually diden’t worked out as I wanted. After I pased the code, it lookes like in the demo version http://kriesi.at/themedemo/?theme=enfold-overview

.small-preview, #top .fullsize .template-blog .blog-meta {
width: 484px;
height: 484px;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
font-size: 16px;
line-height: 0 auto;
margin: 0 auto;
max-width: 100%;
overflow: visible;
text-align: justify;
}

@media only screen and (max-width: 1139px) {
.small-preview, #top .fullsize .template-blog .blog-meta {
width: 100px;
height: 100px;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 400px;
}
}

@media only screen and (max-width: 989px) {
.home .fullsize .template-blog .post .entry-content-wrapper {
width: 70%;
}
}

@media only screen and (max-width: 479px) {
.home .fullsize .template-blog .post .entry-content-wrapper {
width: 100%;
}
}

Hello. I have installed a custom font from MyFonts.com. It is a bit funkier text than normal and needs to be a bit bigger to read it. I used the Enfold Restaurant Demo as the basis for my site and was wanting to change the text size early on even before I added the new font. I found the body text in the base.css file and changed it, increasing the size of all the text in the body of my site. However, I would like to increase the size of the menu text in the header, as well as the socket in the footer, and a couple other places like the wording in the contact form.

Is there a way to change this text size globally, or individually for these sections? I am not too familiar with reading .css and customizing. However, if I know where to look, I can modify it.

Thanks in advance! The more I work with the theme, the more I like it :-) Very user friendly for amateurs like myself.

Jeremy

Hi,

I recently noticed an issue with the two tables I created while viewing in mobile view:
http://littledigitalagency.com/Client/openfin/runtime/openfin-vs-chrome/
and
http://littledigitalagency.com/Client/openfin/runtime/evaluate/

The columns do not line up with their correct row data cell. The easiest example to view (it is like this on both tables) in on this table:
http://littledigitalagency.com/Client/openfin/runtime/evaluate/ . If you pull the browser window in to a phone size you can see the first green “35” should be under ‘OpenFin’ which it is not. “OpenFin” is shown with the next column’s #. The last column heading “Awesomium” is dropped altogether.

Any ideas?

I believe it has to do with some mobile code I placed trying to get rid of all those empty rows under the row Headings such as under “Chromium”. When viewed on a Phone those empty rows do not appear but I have a feeling it is causing other issues.

Here is all of the Table Custom CSS:

/**disable icon transition**/

.avia_transform .avia-table .av_font_icon {
opacity: 1 !important;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/*End Disable icon transition*/

div .avia-table {
    border-right-style: solid;
    border-right-width: 1px;
}
div .avia-table tr {
	background-color: #F1F8FC !important;
}

.avia-data-table .avia-desc-col {
    text-align: left !important;
}

tr:first-child th {
    border-top-style: solid;
    border-top-width: 1px;
    text-align: center;
    text-transform: none;
	font-family: "Roboto", sans-serif !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	letter-spacing: 0px !important;
	color: #292929 !important;
	background-color: #DFF1F5 !important;
	padding: 15px 30px 15px 30px !important;
}

.avia-heading-row .avia-desc-col, .pricing-table {
	color: #292929 !important;
	font-family: "Roboto", sans-serif !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	letter-spacing: 0px !important;
	text-transform: none !important;
	background-color: #E6F4FE !important;
	border-left: 1px solid #e1e1e1 !important;
}
.avia-desc-col {
    background-color: #F1F8FC !important;
    font-family: "Roboto",sans-serif !important;
    font-weight: 300 !important;
    text-align: right;
    text-transform: none !important;
}
#top tr.avia-heading-row:first-child .avia-desc-col {
    background-color: #F1F8FC !important;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left: none !important;
}
.avia-heading-row th {
	background-color: #E6F4FE !important;
	border-left: none !important;
	border-right: none !important;
}
/*OpenFin BG Color*/
tr.avia-heading-row:first-child th:nth-child(2) {
	background-color: #D0E2EF !important;
	border-left: 1px solid #e1e1e1 !important;
}
tr.avia-heading-row:first-child th:nth-child(3) {
	border-left: 1px solid #e1e1e1 !important;
}
tr.avia-heading-row:first-child th:nth-child(4) {
	border-left: 1px solid #e1e1e1 !important;
}
tr.avia-heading-row:first-child th:nth-child(5) {
	border-left: 1px solid #e1e1e1 !important;
}
tr.avia-heading-row:first-child th:nth-child(6) {
	border-left: 1px solid #e1e1e1 !important;
}

Here is the questionable Mobile code for the tables:

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.avia-heading-row th:nth-child(2) {
	display: none !important;
}
.avia-heading-row th:nth-child(3) {
	display: none !important;
}
.avia-heading-row th:nth-child(4) {
	display: none !important;
}
.avia-heading-row th:nth-child(5) {
	display: none !important;
}
.avia-heading-row th:nth-child(6) {
	display: none !important;
} 
}

Hello
How can I change the general font size to 14 px ?
Thanks a lot