Forum Replies Created
-
AuthorPosts
-
Doug EdgingtonMember
While viewing the site in a browser such as FireFox or Chrome, you can right-click on an element and select inspect element ( FireFox ) or inspect ( chrome ).
An inspector window will pop-up allowing you to select different sections of the site. Make sure the inspector window is positioned to the bottom of the screen rather than to the right of the screen, otherwise the website will not be opened up to the full width of the screen. You should be able to see the dimensions of each section as you click on it.
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberI am assuming that you created some type of template for the inner pages that is based off of the original front-page.php.
You would need to update the "Enqueue scripts for backstretch" section accordingly.
For instance the wp_localize_script function would now need to reference your new backstretch set rather than digital-backstretch-set. And the new backstretch set js file would now have to reference web-page-1 rather than front-page-1.
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberI didn't see the declaration in the stylesheet. Are you adding it to the enterprise pro style.css file?
The example up above was referencing one widget only. Try the following to reference any featured shows widget. But the above should have worked for that widget.
.widget_neliofp_widget .entry { padding: 0 0 20px 0; }
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberIt looks like you double posted. I replied to your other forum post with a possible solution.
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberYou can open it up by removing the padding around the featured show. There is 40px of padding on the left, top and right. And 1em of padding on the bottom. You could do something like the following:
#neliofp_widget-2 .entry { padding: 0 0 20px 0; }
The 20px declaration controls the bottom padding. You can adjust it according to how far you want the featured shows spaced apart vertically.
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberThe update is now showing up on my sites. They may have pushed it out today. If they are not showing in your site, you can try going to the updates page in your dashboard.
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberThe backstretch still looks like it is being added directly before the closing body tag rather than within the website-page-1 div. Check your javascript.
Not sure what you mean by scrolling too far, unless you are talking about how the top section and below footer sections flex when you force the browser scroll up or down further than intended. If so, I see this in Safari but not FireFox. Browsers act differently. If you fix what I mentioned above, this should make it look like the home page. Your backstretch is being added to the whole page rather than the website-page-1 div.
Doug Edgington
http://www.dougedgington.comMarch 9, 2016 at 10:20 am in reply to: Why is there a featured image on the top of my blog page with Altitude? #181018Doug EdgingtonMemberEven though you don't have a featured image set, it may be outputting the image by default if it is uploaded to the post.
You could go to Genesis->Settings->Content Archives and disable "Featured Image".
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberDoug EdgingtonMemberNot familiar with this theme, but it appears to be an older fixed layout. The content area is 600px ( excluding the 10px of padding ), and your caption is 770px all together. So it is too large for the content area. Basically, you have 660px to work with. So you could try using an image that is 648px ( 660px minus 12px for padding and border = 648px ).
If you are wanting to force it to always fit via CSS, you could try something like the example below.
.wp-caption { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wp-caption img { max-width: 100%; height: auto; }
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberIt's responsive for me, but your slider images are missing. Try refreshing your mobile browser, maybe it has an old version of the site's stylesheet cached.
You can also view the site in responsive mode by resizing your browser.
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberThe update isn't showing up for me either - 20+ websites. Maybe they haven't pushed the update out yet.
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberYou are using a back stretch setup for this section. On the home page it is included within the front-page-1 div. So on your custom setup it should be added to the website-page-1 div. Instead, it is added at just before the closing of the body tag.
Within your js folder, backstretch-set.js is likely what is responsible for adding the setup to the front-page-1 div on the home page. So you would need to replicate this for your new website-page-1 div.
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberYou can try searching for a replacement plugin. Try searching terms like "local scroll", "smooth scroll", etc...
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberWhat theme do you have activated? You would modify the styling for whatever theme you are using. The stylesheet is located at /wp-content/themes/theme-name/style.css.
Keep in mind that the selectors used in my example may not be the same selectors used by the theme, but you should be able use the same style declarations that I used.
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberI am not sure what you are referring to. I am not seeing any issues. Have you tried comparing it to the Digital Pro demo to see if it is acting the same way?
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberIf you are trying to apply it to the categories widget only, you could use something similar to the example below. The CSS classes used to style this area on your theme may be different.
.sidebar .widget_categories ul li::before { // likely a ::before Pseudo-element controlling the arrows. This could be commented out } .sidebar .widget_categories ul li { padding: 10px 0; text-align: center; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #ccc; } .sidebar .widget_categories ul li a { text-decoration: none; }
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberDoug EdgingtonMemberSome StudioPress themes have the smooth scroll feature. One example is the the Altitude Pro theme. If you have access to this theme, you could pick it a part for the necessary code.
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberYou wouldn't want to setup the inner pages using a sidebar driven layout like the home page. You would end up having an overwhelming amount of sidebars. If you need to achieve some type of special design on the inner pages, you could use something like Advanced Custom Fields to output additional sections on the inner pages; examples might be sections before and/or after the content that comes from the editor.
Depending on what you are trying to do on the inner pages, a page builder like Beaver Builder may work.
Doug Edgington
http://www.dougedgington.com -
AuthorPosts