Without using the SharePoint Designer or Visual Studio, is there a way to move the Default Search box to Footer of a page or to a specific custom div tag?
I have found CSS that will allow me to move it to the top of the page however it does not work well when trying to move it to the footer.
This is the CSS that will move it to the top of the page:
.s4-search
{
TOP: 10px;
RIGHT: 400px! important;
POSITION: fixed;
}
There is a div-class called SRSB which you could use to reposition the item. Either by using CSS and using absolute position or similar, or alternatively you could use jQuery to reposition or move it to a different div on the page.
See Difference between div id and div class for using CSS & ID and for moving the elment http://api.jquery.com/category/manipulation/
If you have access to the Master Page Gallery through the browser, you can edit the master page to move the PlaceHolderSearchArea content placeholder.
Go to your site's home page.
Site Actions > Site Settings
On the Site Settings page, click "Master pages and page layouts" under Galleries.
Download your master page (probably v4.master).
Find the [asp:ContentPlaceHolder id="PlaceHolderSearchArea"] tag. Move this where you would like it on the page.
Save and upload back to the Master Pages and Page Layouts Gallery. Check in, publish, and approve.
I highly recommend you not edit the out-of-the-box master pages (like v4.master)--instead copy it to create a custom master page. I won't go into those details here.
Related
HELP ME please.
When I create a new section within the portfolio part of my Squarespace website, it is greyed out. See link below. I can still add content to the section. As you can see there is a 'BACK' button and variations of background with either an image or plain colour. But why is there a white/grey overlay on the section?
If I move the section up then the image gallery comes down into the second position, and has the grey overlay. So it seems it's the second section position which has the problem. If I create another section below the second one it's completely fine as well.
I hope this is an easy one to fix.
thanks! 🙂
https://www.regardsfromyourfuture.com/future-paintings/project-one-44zcm-57lgb-6glfy-p2f7c-nbdk9-76lc2-zh5z9
That is happening due to the following rule that is within your Custom CSS / CSS Editor:
.page-section:nth-child(2) {
background: #000 !important;
filter: opacity(30%);
}
That rule was likely written specifically for a different page, but was not written such that it only applies to said page. You'll want to examine your other pages to see if any page is benefiting from that rule, whereby the second section of the page has a lower opacity. If I were to guess, I'd say it's a section on a page that only has a background image with no content.
If there is no other page that benefits from the rule, you can simply delete it from your CSS.
On the other hand, if there is a page (or set of pages) that benefits from the rule, you would want to edit the rule so that it is specific to a single page (or set of pages) by adding the collection ID classes to the beginning of the rule.
Scoured the web for answers, and used file searches but cannot solve this problem.
Currently I have a Logo with a title I did not fill up.
But on my site it is showing as an empty <h3> tag. How do I remove the h3 tag?
It is destroying the layout of the site.
That's your Site Title that you entered during SocialEngine installation and it's being displayed by Logo Widget in the Header template. You can remove the Logo Widget or add your own image as your logo.
1) To completely remove the Logo Widget :
Open Header Template in Layout Editor.
SE Admin Panel -> Layout -> Layout Editor -> Header Template
You'll see the Logo widget in the header template. Click on X to remove it and then click on Save Changes.
2) To replace the site title with your own logo:
First, upload your logo via File Manager.
SE Admin Panel -> Layout -> File Manager
Open Header Template in Layout Editor.
SE Admin Panel -> Layout -> Layout Editor -> Header Template
Click Edit on the widget, choose the uploaded image from dropdown and lastly click on Save Changes.
NOTE : It is highly recommended that you do not modify any core files directly, including the .tpl file of any widgets. If you modify core files, you'll lose all your modifications to those files after installing new upgrade packages that SocialEngine releases regularly.
You can remove h3 tag in modules->core->widgets->menu-logo->index.tpl
(Sitefinity 6.x)
I am trying to create an image slider where each image in the page links to an internal or external page. I created a separate library for all the images that I want to show on the slider then using custom MVC widget I display the images in a slider.The problem that I have is there is no place in the image where I can link the image to open an existing internal page or external website.
Is there a way to add a properties to the original Image properties? so that users can select a page (using some sort of page selector just like in the navigation widget) or type in external page to link. If that is not possible, could you give me some ideas how to implement this?
I've been creating image rotators using Module Builder in Sitefinity. What you could do is go to Administration -> Module Builder -> Create a Module, call it Image Slider, call the content type Slide. Add a couple fields, for the first call it Image and select Media for the type, this will use an image selector for the interface, then add another field called Link and use Short text for the type, this will hold the url. Unfortunately, Sitefinity doesn't include a Page Selector control as an available field yet so a text field will have to do. Save and activate your module, it will show up under Content -> Types of Content. Go ahead and add a few slides. Sitefinity has created a couple of widgets when you created the module, so if you edit a page, you'll see them under the "Content" widget section, probably at the bottom. Drag it on the page and set it to use the list template. Now open up the Sitefinity Explorer window in their Thunder Visual Studio plugin, under Common Widget Templates, you'll see an Image Slider folder, you'll want to edit the list template since you'll be outputing all the slides into some carousel markup or something. From here you can use the default Sitefinity image control and bind the link to a hyperlink that wraps the image control, this will link each image to whatever is in that field.
Hope that helps.
I'm adding some css in content editor web part on my aspx page and css applies well but as soon as I stop editing page css disappears. When I open the web part again I can see empty
<style> </style>
tag. Any idea ?
This page has custom web part and even if I add some inline css to the web part it applies when page loads but disappear when page finish loading..
I'm trying this on Firefox.
Content editor web part does not let you embed style and script elements directly in the page.
Instead, content editor web part lets you link to a css or js source stored in a sharepoint library.
Alternatively, use SharePoint Designer (if installed in your company) to inline style and script.
I created a web page with a custom page layout, the site the page is within has global navigation set to "Display the same navigation items as the parent site" and it was all good. I have now got the requirement to change the items in the global navigation for the page but keep the old setting for the site, how can I achieve this?
For a site I can go to site settings -> navigation and change the links as I like but the page is dependent on the site it is within. I don't have to start over and create a new site do I (instead of a simple page)?
Thanks in advance.
Unless you do some kind of trickery (like Javascript embedded in the page) to do otherwise, the navigation settings are shared for all pages within the site.
If you wanted to get rid of global navigation for a particular page, you could customize your master page to put a special CSS class on the element wrapping it, and use some CSS inline on that page (ie. in a content editor webpart) to hide it.