Skip to main content

Border Radius is affecting Header

lucd13
Hi all, Complete newbie here, so please forgive my ignorance. I'm updating our community website and have added code to the HTML on one specific page to have all new images sit within a circular frame by using This is working as expected on all pictures on this page, but it's also affecting the logo image in the header (only on this specific page). How do I update this, so that this border radius request does NOT affect the header?

Comments

3 comments

Date Votes
  • cPRex Jurassic Moderator
    Hey there! This isn't necessarily related to the cPanel software as this is more of an HTML issue with the site code itself. You may want to explore how to implement div tags and CSS to ensure that certain style elements only get applied to specific areas of the page.
    0
  • ecartz
    More specifically, in this case, you might consider [CODE=css] #content IMG {border-radius: 50%;}
    Since the header is not inside the content DIV but most other things are. Note that this assumes that your page is following the standard layout of a cPanel page. If not, you would have to add your own DIV. I am also assuming that you don't want the border-radius to be applied to any images in the footer. If you did, you might change to [CODE=css]#content IMG, FOOTER IMG {border-radius: 50%;}
    I would tend to agree that explaining why this works is beyond the scope of this forum, but there is some behavior specific to the cPanel HTML design involved here. In particular that the header and footer are outside the content DIV but most of the page is inside it.
    0
  • lucd13
    More specifically, in this case, you might consider [CODE=css] #content IMG {border-radius: 50%;}
    Since the header is not inside the content DIV but most other things are. Note that this assumes that your page is following the standard layout of a cPanel page. If not, you would have to add your own DIV. I am also assuming that you don't want the border-radius to be applied to any images in the footer. If you did, you might change to [CODE=css]#content IMG, FOOTER IMG {border-radius: 50%;}
    I would tend to agree that explaining why this works is beyond the scope of this forum, but there is some behavior specific to the cPanel HTML design involved here. In particular that the header and footer are outside the content DIV but most of the page is inside it.

    Thank YOU!
    0

Please sign in to leave a comment.

Didn't find what you were looking for?

New post