anchor links

yes sometimes it does, many times it doesn’t – frustrating as I need it to land with the title showing. Also on the mobile it loads correctly and then moves up at the end of the loading. I just clicked on Trekking > Peru from Climbing and got this:

It seems like the Trekking page works most of the time but the climbing and exploring pages always land under the header.
??
thanks for your time
Nancy

• This reply was modified 9 years, 10 months ago by Munford.

Hi Ismael,
thanks–that improved things. Most links hit correctly most of the time, and some land just a little high but with the title visible. See: http://imgur.com/62IhC8Y where the line above “Climbing in Bolivia” is under the header. I can live with it, but would like to understand why anchors made the same way display differently on different pages.

off this topic but I am having trouble getting my quick css changes to take effect since the last enfold update. I have cleared my cache, resaved the options many times, but changes on the PC are not displaying (but are fine on the mobile??). Any ideas??

thanks for your continued great support!
Nancy

• This reply was modified 9 years, 9 months ago by Munford.

Hi Again,
I just realized that this code:
.grid-entry.flex_column.isotope-item {
max-height: 248px !important;
min-height: 248px !important;
}
is causing all my portfolio grids on the mobile to have huge space between the items, and I am still seeing inconsistencies in the anchor links.

Re: quick css & caching – I cleared my cache on the server, many times on the browser, and am still not getting my advanced styling and theme options to display correctly. ??? very frustrating as I am trying to style the pages and can’t see my results.

please help!
thanks, Nancy

Hi Again,
I just realized that this code:
.grid-entry.flex_column.isotope-item {
max-height: 248px !important;
min-height: 248px !important;
}
is causing all my portfolio grids on the mobile to have huge space between the items, and I am still seeing inconsistencies in the anchor links.

Re: quick css & caching – I cleared my cache on the server, many times on the browser, and am still not getting my advanced styling and theme options to display correctly. ??? very frustrating as I am trying to style the pages and can’t see my results.

please help!
thanks, Nancy

thanks. I have contacted my host and they are looking into it.

HI Andy,
I contacted my host flyhweel and they said they thought the css problems I am seeing (or not seeing) are caused by some overriding settings in my quick css. I checked through it and cannot see any overlap in the stylings. I now am only seeing css stylings that I put in the child theme style.css – my theme options, or some of them, and css stylings are not displaying correctly. THe anchor links are landing very high again, under the header, but I can’t tell if it’s because that css “fix” you gave me is now not taking? so frustrating.

thanks for your advice.
n

this is my style.css in my child theme:

/*.iconbox .iconbox_content .iconbox_content_title {
font-size: 40px!important;
}*/

.iconbox {
opacity: 0.7;
}

/*table styling itinerary*/
td {
border-bottom-color: #ffffff!important;
border-right-color: #ffffff!important;
border-top-color: #ffffff!important;
border-left-color: #ffffff!important;
}

I had the same code in my quick css but was not seeing changes. I am also not seeing some of my theme options taking effect – my hosting service says it’s “appears that there is a conflict in between how the theme loads its base CSS and the QuickCSS.” but ignore the fact that I dont’ have any conflicting css code regarding the boxed dimensions of the site, or other settings in the theme options that I am not seeing. Some of the quick css is showing, some not.

I am really confused now. Should I start all over?
thanks
n

OK I reinstalled enfold 3.08 and am seeing all the same issues. my theme options are not showing, and some of my quick css is also not changing. If I put css in the child theme, it works fine. Can you take a look again? I have used enfold for a year and have never seen this issue, and it’s not at the server. It happened when I updated to 3.08- is there another update coming soon? When I installed it I saw some errors on the ftp (file not found, etc) – is that a problem? it seemed to involve woo commerce stuff, which I don’t use. Have other users had similar issues with 3.08?
thanks
N

I meant I saw these problems when I updated from 3.07 to 3.08 a few weeks ago.
I deleted all the enfold files, and then installed new ones via ftp, and yes, I saw errors
during the install (but did not copy them :(
THe problems started when I began using the child theme as well – do I need to reinstall that?
I will try to deactivate it……

ok so without the child theme it works fine, and is displaying all of the quick css correctly.
yeah! but can’t I use the child theme? I can always save my settings, but it’s better to use
one, right? Should I deinstall it?

thanks so much!
N

• This reply was modified 9 years, 9 months ago by Munford.

I meant I saw these problems when I updated from 3.07 to 3.08 a few weeks ago.
I deleted all the enfold files, and then installed new ones via ftp, and yes, I saw errors
during the install (but did not copy them :(
THe problems started when I began using the child theme as well – do I need to reinstall that?
I will try to deactivate it…

ok so I am seeing some of my styling, but not all.
here is my quick css:

/*fix fullscreen slider under menu issue*/
.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
padding-top: 154px;
}

/*change line height in lists – include*/
li {line-height: 1.35em;
}

/*styling pricing tables?*/
/*.tablepress td {
padding: 1px 10px;
}*/

.wpgmza_map img {
border:1px!important;
}

.wpgmza_map {
border:1px!important;
}

/*swap excerpt for time/date in portfolio widget*/
.news-link { overflow: visible !important; }
.news-thumb { position: absolute !important; }
.news-headline, .news-excerpt { padding-left: 45px !important; }
.news-time { display: none !important; }

/*table press description styling*/
.tablepress-table-description {
font-style: italic;
font-size: 12px;
}

div .main_color .tabcontainer .active_tab {
background-color: #fffff;
color: #a6a6a6;
}

/*fix anchor link problems*/
.js_active .grid-image {
opacity: 1 !important;
}

/*fix anchor links caused by grid loading*/
@media only screen and (max-width: 767px) {
.grid-entry.flex_column.isotope-item {
max-height: 248px !important;
min-height: 248px !important;
}

/*table styling itinerary*/
td {
border-bottom-color: #ffffff!important;
border-right-color: #ffffff!important;
border-top-color: #ffffff!important;
border-left-color: #ffffff!important;
}

td {
font-size: 13px;
padding: 1px 10px;
border-style: solid;
border-width: 1px;
border-left: none;
border-top: none;
}

/*fix font tab titles*/
.js_active .tab {
font-size: 12px;
}

.js_active .active_tab {
font-weight: 600;
}

/*widget title size*/
.widgettitle{
font-weight: 600!important;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 16px!important;;
}

/*===ICON BOXES===*/
.iconbox .iconbox_content .iconbox_content_title {
letter-spacing: 1px!important;
font-size: 40px!important;
}

.iconbox_top .iconbox_content{
padding: 20px 20px 20px 20px!important;
}

.iconbox {
opacity: 0.8;
}

.iconbox_icon {
display: none!important;
}

.image-overlay .image-overlay-inside {
display: none;
}

/*===sidebar margins===*/
.inner_sidebar {
margin-left: 30px;
}

h4 {
letter-spacing: 1px;
font-weight: 500;
}

.content, .sidebar {
padding-top: 30px;
padding-bottom: 20px;
}

.container {
padding: 0px 30px;
}

.content .entry-content-wrapper {
padding-right: 30px;
}

/*margins above body*/
body .column-top-margin {
margin-top: 30px;
}

body .aligncenter, .entry-content-wrapper a:hover .aligncenter {
margin: 0px;
padding: 0px;
position: relative;
}

#top .page-id-828 .iconbox_top {
margin-top: 20px!important;
text-align: left
}
.page-id-828 td {
vertical-align: top;
}

/* Font rendering – fix fonts on firefox!*/
body #wrap_all{
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*===grid titles styling==*/
.grid-entry-title.entry-title {
font-size: 14px !important;
font-weight: 500;
font-family: ‘Oswald’ !important;
/*text-transform: uppercase;*/
text-align: center;
text-color: #666666;
}

.grid-content {
min-height: 85px;
padding: 10px;
}

.grid-entry {
padding-right: 5px;
padding-bottom: 5px;
}

@media only screen and (max-width: 480px) {
.grid-entry-title.entry-title {
font-size: 13px !important;
font-weight: 500;
font-family: ‘Oswald’ !important;
/*text-transform: uppercase;*/
text-align: center;
text-color: #666666;
padding: 5px;
}
.grid-content {
min-height: 55px!important;
padding: 5px 3px 5px 3px;
}
.grid-entry-excerpt{
font-size: 10px; font-style: italic; margin-bottom: 5;
}}

/*change color of tab background on mobile*/
@media only screen and (max-width: 767px) {
.responsive #top .main_color .tabcontainer .active_tab {
background-color: #e6e6e6;
color: #222222;
}}

@media only screen and (max-width: 480px) {
h1 {font-size: 30px !important;}
h2 {font-size: 20px !important;
font-weight: 500;}
h3 {font-weight: 500;}
h4 {font-size: 14px !important;}
body {font-size: 12px;
line-height: 1.5em;}}

@media only screen and (max-width: 767px) {
.grid-entry {
width: 50% !important;
padding: 2px;}
}

/*fix padding on mobile*/
@media only screen and (max-width: 480px) {
/*margins above body*/
body .column-top-margin {
margin-top: 15px;}
}

@media only screen and (max-width: 480px) {
.content, .sidebar {
padding-top: 15px;
padding-bottom: 10px}
.content .entry-content-wrapper {
padding-right: 2;
padding-left: 2;}
}

/*increase container size mobile – limit!*/
@media only screen and (max-width: 480px) {
.responsive .container {
width: 330px!important;
}}

/*widget title size*/
@media only screen and (max-width: 480px) {
.widgettitle{
font-weight: 500!important;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px!important;;
}

/*tab padding mobile*/
@media only screen and (max-width: 767px) {
.responsive .tabcontainer .tab_content {
padding: 5px;
}
.tabcontainer {
margin: 15px 0;
}
.tab_inner_content {
margin: 0 5px;
}
.js_active .top_tab .tab {
border-bottom: none;
padding: 10px 10px 10px 10px;
}
.js_active .tab {
font-size: 12px;
}}

/*fix padding mobile tab table content and borders*/
@media only screen and (max-width: 480px) {
td {
font-size: 12px;
line-height: 1.25em;
padding: 5px 5px;
border-bottom-color: #ffffff!important;
border-right-color: #ffffff!important;
border-top-color: #ffffff!important;
border-left-color: #ffffff!important;
}

/*===active menu===*/
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
color: #666666;
background-color: #e6e6e6;
}

/*#header .current-menu-item
{background-color: #e6e6e6;
font-color: #ffffff;
}*/

/*===mega menu styling===*/
#top #header .mega_menu_title a {
font-size:14px; border-bottom: #ccc 1px dotted;
}

#top #header .mega_menu_title a:hover {
text-decoration:none;
}

#header .avia_mega_div .units {
border:none;
}

/*hide date widget latest portfolio*/
.widget.newsbox .news-time {
display: none !important;
}

/*increase padding under blog image*/
.flex_column .template-blog .big-preview.single-big {
padding: 0 0 20px 0;
}

/*fix sidebar logo header padding*/
.html_header_sidebar .logo{
padding: 30px;
}

/*.tabcontainer{
margin: 10px 0;
}*/

/*table styling?*/
.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even) {
color: #666666;
}

____________

I am seeing some but not all of the changes, also some that worked fine before like the white borders on the itinerary pages like on this page: http://andes-world-travel.flywheelsites.com/trips/explore-col-40/#tab-id-2 which I have set and reset many times now. It is displaying black for me. So, not sure what is going on.
thanks
Nancy
I read somewhere here that if there is a syntax error then the rest of the code does not get read- it that true?