CSS & navbar edits for a Magento noob - ver. 2.2.6
I need to make a few simple changes to an existing Magento site, and although I have some wordpress experience, my Magento is currently 0.
It's using a theme called Smartwave Porto, and the changes are fairly elementary:
- One of the nav links has
4 sub-categories, and one of these sub categories has an image attached to it, while the others do not. I need to remove this single image. - On single product view there is a countdown delivery timer element. I need to move this further down the page
- Again on the single product page there is a bullet list of features. I need to style this list a little.
- I need to add a simple style transition when product categories are hovered over
The last 2 are CSS changes, while the first i presume is a nav/category change. I've looked in catalog>categories in the admin panel, and there is no image attached to the category in question, so it is coming from somewhere else.
Any help hugely appreciated, and if there's a tutorial or other reference that would help, hit me up!
product blocks css magento2.2.6 header
edited 3 mins ago
Muhammad Hasham
2,1621630
asked Jan 9 at 12:23
DoughballsDoughballs
1
add a comment |
I need to make a few simple changes to an existing Magento site, and although I have some wordpress experience, my Magento is currently 0.
It's using a theme called Smartwave Porto, and the changes are fairly elementary:
- One of the nav links has
4 sub-categories, and one of these sub categories has an image attached to it, while the others do not. I need to remove this single image. - On single product view there is a countdown delivery timer element. I need to move this further down the page
- Again on the single product page there is a bullet list of features. I need to style this list a little.
- I need to add a simple style transition when product categories are hovered over
The last 2 are CSS changes, while the first i presume is a nav/category change. I've looked in catalog>categories in the admin panel, and there is no image attached to the category in question, so it is coming from somewhere else.
Any help hugely appreciated, and if there's a tutorial or other reference that would help, hit me up!
product blocks css magento2.2.6 header
edited 3 mins ago
Muhammad Hasham
2,1621630
asked Jan 9 at 12:23
DoughballsDoughballs
1
check from here portotheme.com/magento2/porto/documentation/…
– magefms
Jan 9 at 12:51
1
Thanks @magefms - really useful doc! I had an issue getting the custom css to work and had to use !important, but got there in the end. I still can't see where the image in the category is coming from so I've just set it to display:none for now.
– Doughballs
Jan 9 at 15:45
add a comment |
I need to make a few simple changes to an existing Magento site, and although I have some wordpress experience, my Magento is currently 0.
It's using a theme called Smartwave Porto, and the changes are fairly elementary:
- One of the nav links has
4 sub-categories, and one of these sub categories has an image attached to it, while the others do not. I need to remove this single image. - On single product view there is a countdown delivery timer element. I need to move this further down the page
- Again on the single product page there is a bullet list of features. I need to style this list a little.
- I need to add a simple style transition when product categories are hovered over
The last 2 are CSS changes, while the first i presume is a nav/category change. I've looked in catalog>categories in the admin panel, and there is no image attached to the category in question, so it is coming from somewhere else.
Any help hugely appreciated, and if there's a tutorial or other reference that would help, hit me up!
product blocks css magento2.2.6 header
edited 3 mins ago
Muhammad Hasham
2,1621630
asked Jan 9 at 12:23
DoughballsDoughballs
1
I need to make a few simple changes to an existing Magento site, and although I have some wordpress experience, my Magento is currently 0.
It's using a theme called Smartwave Porto, and the changes are fairly elementary:
- One of the nav links has
4 sub-categories, and one of these sub categories has an image attached to it, while the others do not. I need to remove this single image. - On single product view there is a countdown delivery timer element. I need to move this further down the page
- Again on the single product page there is a bullet list of features. I need to style this list a little.
- I need to add a simple style transition when product categories are hovered over
The last 2 are CSS changes, while the first i presume is a nav/category change. I've looked in catalog>categories in the admin panel, and there is no image attached to the category in question, so it is coming from somewhere else.
Any help hugely appreciated, and if there's a tutorial or other reference that would help, hit me up!
product blocks css magento2.2.6 header
product blocks css magento2.2.6 header
edited 3 mins ago
Muhammad Hasham
2,1621630
asked Jan 9 at 12:23
DoughballsDoughballs
1
edited 3 mins ago
Muhammad Hasham
2,1621630
asked Jan 9 at 12:23
DoughballsDoughballs
1
edited 3 mins ago
Muhammad Hasham
2,1621630
edited 3 mins ago
Muhammad Hasham
2,1621630
edited 3 mins ago
Muhammad Hasham
2,1621630
2,1621630
asked Jan 9 at 12:23
DoughballsDoughballs
1
asked Jan 9 at 12:23
DoughballsDoughballs
1
asked Jan 9 at 12:23
DoughballsDoughballs
1
1
check from here portotheme.com/magento2/porto/documentation/…
– magefms
Jan 9 at 12:51
1
Thanks @magefms - really useful doc! I had an issue getting the custom css to work and had to use !important, but got there in the end. I still can't see where the image in the category is coming from so I've just set it to display:none for now.
– Doughballs
Jan 9 at 15:45
add a comment |
check from here portotheme.com/magento2/porto/documentation/…
– magefms
Jan 9 at 12:51
1
Thanks @magefms - really useful doc! I had an issue getting the custom css to work and had to use !important, but got there in the end. I still can't see where the image in the category is coming from so I've just set it to display:none for now.
– Doughballs
Jan 9 at 15:45
check from here portotheme.com/magento2/porto/documentation/…
– magefms
Jan 9 at 12:51
check from here portotheme.com/magento2/porto/documentation/…
– magefms
Jan 9 at 12:51
1
1
Thanks @magefms - really useful doc! I had an issue getting the custom css to work and had to use !important, but got there in the end. I still can't see where the image in the category is coming from so I've just set it to display:none for now.
– Doughballs
Jan 9 at 15:45
Thanks @magefms - really useful doc! I had an issue getting the custom css to work and had to use !important, but got there in the end. I still can't see where the image in the category is coming from so I've just set it to display:none for now.
– Doughballs
Jan 9 at 15:45
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f257257%2fcss-navbar-edits-for-a-magento-noob-ver-2-2-6%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f257257%2fcss-navbar-edits-for-a-magento-noob-ver-2-2-6%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
check from here portotheme.com/magento2/porto/documentation/…
– magefms
Jan 9 at 12:51
1
Thanks @magefms - really useful doc! I had an issue getting the custom css to work and had to use !important, but got there in the end. I still can't see where the image in the category is coming from so I've just set it to display:none for now.
– Doughballs
Jan 9 at 15:45