Hi I am using the luna theme for my big cartel website and used a HTML code to put an image on the homepage but it is showing on the left instead of the centre of the page.
I have looked for HTML codes to try and centre it but am unable to find any?
Also if anyone knows HTML codes to put text on the homepage too?
Thanks
Are you talking about the homepage logo that you move?
To add text on homepage, go on layout code, select where you want to add some text, and use the balise <p>text here</p> or <h1>bigger text here</h1>, that depends on the size of text you want.
Do I answer to your question?
Related
I made a website on Big Cartel and I need to add some text under the slideshow I am using on my homepage.
From what I gather the only way for me to do this is via code on HTML. I know nothing about coding so I was trying to look up tutorials on how to add text, but I could never get the text to display on the page.
How can I go about adding the text?
I tried using code I found online, just as an example so I can see how it's displayed. I couldn't get any text to display anywhere on the page.
A client is using Sitecore 9 - we are not Sitecore developers.
We've been asked a simple thing: add social media links to the Footer of their Sitecore site.
Its proving more difficult than expected.
I've added the links on other pages by editing the HTML directly via the WYSWIG editor.
But the Footer appears more restricted, only accepting the addition of templates like 'Link'.
The 'Link' template has an option to add an external URL but doesn't have an option to add an image.
The CMS looks like this:
Is there any way to add a link, with an image, via the CMS (without the need to write Sitecore code), so the page chnages from this:
to this:
If you dont want to write Sitecore code, maybe you should think about using frontend.
Find the views that holds the footer (probably Foundation/Footer.cshtml) or something like that.
-To easily find where it is, follow these steps
Go to a content page Presentation Details that has footer (probably any)
Go to Controls
Find the footer rendering in there
Click on it
Grab the Datasource's value
Go to the Datasource's path
There should be a field holding the value of the view.
Add some css class on the div that holds those items, and do your frontend stuff in there...
It is not a scalable solution, so I would highly recommend updating the Footer rendering by adding new fields and adapting the model/view. So that way a content editor could easily add a new value for each socials.
Warning: I'm a noob. The little I know comes from fiddling around.
I maintain a hobby website of images created in bootstrap 3 and I would like to have a responsive rollover image that also links to the full size image.
I have been able to complete the responsive rollover part, but I can't figure out how to add the link to display the full image.
Here's what I have so far:
https://jsfiddle.net/11cmcznn/
HTML:
<div class="rollover-wrapper-1"><div class="rollover-image-1"></div>
I can't post the CSS because I don't have reputation points yet.
Any help would be much appreciated.
Put href before the div and make sure you close the parent div too. Like this
<div class="rollover-wrapper-1"><div class="rollover-image-1"></div></div>
Well I've run into another problem. I have the rollover image working properly including linking to the full size image. But for some reason whenever I add the code to the webpage and the style sheet, somehow the webpage is looking for the style sheet in the wrong place on my website.
I have a style sheet "default.css" that I use for all my webpages. This css sheet is in the root of the website. But for some reason the webpage with the rollover image will not display the image, and when I inspect the element within Chrome it gives me 404 error stating that the default.css is not found in a certain folder on the website. I've never had the default.css in any folder besides the root.
So somehow the webpage is looking for a style sheet in a place where none exists, and I have no idea why.
If I copy the default.css style sheet from the root into the folder it's looking for then the webpage loads properly, but I don't want to have to maintain two identical style sheets. I just don't know how the style sheet got attached to the webpage.
I'm sorry for the vagueness of this problem, but I don't know enough to make a more informed question.
I'm struggling with this problem for a few months now and I can't figure out where to change this.
Note that the website I'm working on is coded by someone else, I can't find the part where the fontawesome icon is added to the home text in the breadcrumbs.
Look at the breadcrumbs
As you can see there's an icon added, but I want to add a space between home and the icon, I just can't figure out which file to edit.
If you need any more info, let me know.
Search for $_['text_home'] in catalog/language/english/default.php and add a space in it.
I am using a simple MVC sitecore project. I just given only one field in rendering page. When i try to view in "Experience Editor" its showing some raw JSON Data like below.
I have used this post
to solve this. when i include that webedit.css in my main layout then the Raw data vanished. But i am not able to see the Editing Ribbon. But when i choose Experience Editor from desktop its showing all Default contents correctly along with the editing Ribbon(Default Page).
Can anyone tell me why i am not able to see that editing ribbon on my page?
This is because your layout razor cshtml file has valid HTML markup skeleton in place. Please make sure at the very minimum your page is formatted like this:
#using Sitecore.MVC
<html>
<body>
#Html.Sitecore().Etc...
etc...
</body>
</html>
This should eliminate the big chunk of JSON on top and enable all page editor UI elements.