Tagged: breadcrumbs, CSS, scroll to top, styling
-
AuthorPosts
-
August 20, 2018 at 12:59 am #999128
Hey guys, in the new update the style has cchanged on the breadcrumbs, I would like to replace the “/” with the “>” – can you please tell me how? (Tried playing around in the editor but could not seem to get anything out of line #183 – breadcrumbs-php)
August 20, 2018 at 2:09 am #999137Hey Mark,
Open functions-enfold.php then find this code on line 476
if($breadcrumb) $additions .= avia_breadcrumbs(array('separator' => '/', 'richsnippet' => true));
Change that with
if($breadcrumb) $additions .= avia_breadcrumbs(array('separator' => '>', 'richsnippet' => true));
Best regards,
MikeAugust 27, 2018 at 1:30 am #1002075Cool that actually did not work so well, so I just replaced the ‘/’ with ‘>’
Thanks for showing me where that is. NEW question: In previous versions we could add quick CSS to make sure the back to top element was showing on mobile agents, see below:@media only screen and (max-width: 767px) { .responsive #scroll-top-link { display: block !important; }}
Oddly this is working on 3 other of our websites newest version, however on http://www.nexxusdesigns.com we do not see back to top element when browsing the site on phones. Do we have a new snip to force the back to top element to show on mobile phones??
August 27, 2018 at 2:00 am #1002079Hi,
The scroll to the top button is showing for me, please ensure that you have cleared your browser cache and disabled any ad blocker.
My Adblock Plus was hiding it on my first visit.Best regards,
MikeAugust 27, 2018 at 2:05 am #1002080You are correct it is now showing up. Great.
I have a new question, what is the best way to customize individual contact form 7 forms?
We need different styling for individual contact forms.
I would like to make the background red and text white on just one (for example).August 27, 2018 at 2:19 am #1002082Hi,
CSS, please link to the form in question.
When you say the background red, is that the background of the form, or the input field?Best regards,
MikeAugust 28, 2018 at 1:38 am #1002483Thanks Mike, here is what I have done:
I created a form that will be used in the HTML widget on certain pages in the sidebar. I copied that contact form shortcode to the custom html widget, and placed in the sidebar of pages. I want to turn the background of that contact form to red. Is there a way to wrap the contact shortcode with html or CSS to get that result?Here are 2 pages with the same contact form in the widget/sidebar:
August 28, 2018 at 5:54 am #1002538Hi,
Please try this code in the General Styling > Quick CSS field:#custom_html-12.widget,#custom_html-11.widget { background-color: red !important; padding: 0px 20px !important; }
Please see the screenshot in Private Content area.
Best regards,
MikeAugust 28, 2018 at 10:48 pm #1002895I left the code in there but it does not seem to be working. After looking at your screenshot, I actually do not like that hot rod red color, can you see what might be the issue and lets use the color gray (darker than the input fields). Let me know what you find…
August 28, 2018 at 10:50 pm #1002896Also, can we use hexadecimal (or other color names / html) colors in that code? If so I can play around with whatever color works best…
August 29, 2018 at 6:02 am #1002982Hi,
I took a look at your pages and the background color is showing for me, Please clear your browser cache and check.
You can replace the “red” with hexadecimal like this:#custom_html-12.widget,#custom_html-11.widget { background-color: #e1e1e1 !important; padding: 0px 20px !important; }
This color is a light gray, so the text shows well.
Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.